@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

b, strong {
    font-weight: 600;
}

html {
    position: static !important;
    top: 0 !important;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}
/***
 *      __  __
 *     |  \/  |     ( )
 *     | \  / | __ _ _ _ __
 *     | |\/| |/ _` | | '_ \
 *     | |  | | (_| | | | | |
 *     |_|  |_|\__,_|_|_| |_|
 *
 *
 */
html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

body {
    position: absolute;
    width: 100%;
    height: 100%;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

html.scrollable,
html.scrollable body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

img {
    max-width: 100%;
    display: inline-block;
}

img.round   { border-radius: 999px; }
img.rounded { border-radius: 6px; }

.slides {
    color: #fff;
    fill: #fff;
    font-family: "Roboto", sans-serif;
    hyphens: none;
    background: #111;
    -webkit-font-smoothing: antialiased;
}

.slides.bodyWhite { background: #fff; }

.slides.desktopSwipe        { cursor: -webkit-grab; cursor: grab; }
.slides.desktopSwipe:active { cursor: -webkit-grabbing; cursor: grabbing; }

.slides.desktopSwipe .slide .container .wrap { cursor: inherit; }

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    transition: 0.35s;
}

a.underline { text-decoration: underline; }

a:hover {
    transition: 0.15s;
    opacity: 0.8;
}

h1, .h1 {
    font-size: 42px;
    line-height: 1.285;
    font-weight: 300;
    margin-bottom: 20px;
    letter-spacing: -0.036em;
}

h1.big, .h1.big {
    font-size: 58px;
    line-height: 1;
    font-weight: 100;
}

h1.huge, .h1.huge {
    font-size: 64px;
    line-height: 1.218751;
    letter-spacing: -0.04em;
    margin-bottom: 40px;
    font-weight: 100;
}

h1.small, .h1.small { font-size: 46px; }
h1.micro, .h1.micro { font-size: 34px; }

h2.uppercase, .h2.uppercase { letter-spacing: 0.2em !important; }
h2.small,     .h2.small     { font-size: 28px; }
h2.micro,     .h2.micro     { font-size: 19px; }
h2.huge,      .h2.huge      { font-size: 42px; }

h3, .h3 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 400;
}

h3.large, .h3.large { font-size: 32px; }
h3.big,   .h3.big   { font-size: 24px; }
h3.small, .h3.small { font-size: 20px; }
h3.micro, .h3.micro { font-size: 16px; }

h3 + h1, h3 + .h1,
.h3 + h1, .h3 + .h1 {
    margin-top: 30px;
}

h6, .h6 { font-size: 14px; }

p, .p, blockquote {
    font-size: 22px;
    line-height: 1.6363636364;
    margin-bottom: 30px;
    font-weight: 300;
}

p.hero, .p.hero, blockquote.hero {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 25px;
}

p.large, .p.large, blockquote.large {
    font-size: 32px;
    line-height: 1.4;
}

p.small, .p.small, blockquote.small {
    font-size: 18px;
    line-height: 1.36;
    margin-bottom: 20px;
}

p.tiny, .p.tiny, blockquote.tiny {
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 12px;
    font-weight: 400;
}

p.micro, .p.micro, blockquote.micro {
    font-size: 14px;
    line-height: 1.5714;
    margin-bottom: 20px;
    margin-top: 2px;
}

blockquote {
    padding-left: 2em;
    border-left: 2px solid;
}

small { font-size: 17px; line-height: 1.3; }
small .small { font-size: 14px; line-height: 1.28; }

.list.circle li { list-style-type: circle; }
.list.disc   li { list-style-type: disc; }
.list.square li { list-style-type: square; }

@media (max-width: 1023px) {
    h1, .h1,
    h1.huge, .h1.huge,
    h1.big,  .h1.big {
        font-size: 40px;
        margin-bottom: 20px;
    }

    p.hero        { font-size: 22px; }
    h1.small, .h1.small { font-size: 32px; }

    .mobileCrop        { margin: 0 !important; }
    .mobileCropBottom  { margin-bottom: 0 !important; }
    .mobileCropTop     { margin-top: 0 !important; }
    .mobileCropLeft    { margin-left: 0 !important; }
    .mobileCropRight   { margin-right: 0 !important; }
}

@media (max-width: 319px) {
    h1.huge, .h1.huge,
    h1.big,  .h1.big {
        font-size: 32px;
    }
}

.button {
    display: inline-block;
    border-radius: 4px;
    padding: 16px 24px 17px;
    color: #fff;
    border: none;
    outline: none;
    text-decoration: none;
    background: #202020;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    letter-spacing: normal !important;
    position: relative;
    white-space: nowrap;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-appearance: none;
    margin-bottom: 10px;
    transition: 0.3s;
    -webkit-user-select: none !important;
    user-select: none !important;
}

.slide .button,
.popup .button {
    margin-left: 5px;
    margin-right: 5px;
}

.slide .button.small,
.popup .button.small {
    margin-left: 4px;
    margin-right: 4px;
}

.button.wide {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.button .material-icons {
    vertical-align: bottom;
    margin-top: -5px;
    margin-bottom: -2px;
    margin-right: 8px;
    -webkit-user-select: none !important;
    user-select: none !important;
}

.button .material-icons.small  { font-size: 18px; margin: 0 6px 0 0; }
.button .material-icons.right  { margin-left: 11px; margin-right: 0; }

.button svg {
    width: 22px;
    height: 22px;
    margin-top: -3px;
    top: 2px;
    vertical-align: bottom;
    margin-right: 14px;
    pointer-events: none !important;
    position: relative;
}

.button svg *       { pointer-events: none !important; }
.button svg.right   { margin-right: 0; margin-left: 14px; }

.button.actionButton {
    display: inline-block;
    height: 42px;
    width: 42px;
    padding: 12px;
    border-radius: 25px;
    z-index: 999;
    background: rgba(0, 0, 0, 0.3);
    line-height: 1;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
    cursor: pointer;
    touch-action: manipulation;
    vertical-align: top;
}

.button.actionButton svg { width: 18px; height: 18px; }

.button.actionButton .material-icons {
    margin: 0;
    position: relative;
    left: -3px;
    top: -3px;
    font-size: 24px;
}

.button.actionButton.big              { width: 50px; height: 50px; padding: 16px; }
.button.actionButton.big .material-icons { font-size: 24px; }
.button.actionButton.big svg          { width: 22px; height: 22px; left: -2px; top: 0; }
.button.actionButton.stroke           { box-shadow: none; padding: 10px; }

.button.actionButton:hover:not(:active) {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

.button.actionButton.rounded { border-radius: 6px; }

.button.actionButton svg,
.slide.whiteSlide .button.actionButton svg { fill: #fff; }

.button.actionButton.sound [class*="sound-"] {
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    left: 13px;
    top: 16px;
}

.button.actionButton.sound.stroke [class*="sound-"] { left: 11px; top: 14px; }

.button.actionButton.sound.playing .sound-on,
.button.actionButton.sound:not(.playing) .sound-off { opacity: 1; }

.button.actionButton.transparent { background-color: transparent; }

.button:hover {
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.15), 0 0 5px 0 rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: translateY(-2px) !important;
    transform: translateY(-2px) !important;
    transition: 0.35s !important;
}

.button:hover::after  { opacity: .5; }

.button:active {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    transition: 0.35s !important;
}

.button:active::after { opacity: 1; }

.button.uppercase {
    font-size: 15px;
    font-weight: 700;
    padding-top: 17px;
    padding-bottom: 17px;
}

.button.lowercase {
    text-transform: lowercase;
    letter-spacing: 0em;
    font-weight: 300;
}

.button.round       { border-radius: 99px; padding-left: 28px; padding-right: 28px; }
.button.rounded     { border-radius: 6px; }
.button.rectangular { border-radius: 1px; }
.button.square      { border-radius: 0; }

.button.thin-stroke {
    color: #202020;
    font-weight: 300;
    border: 1px solid;
    background-color: transparent !important;
    padding: 14px 22px 15px;
}

.slide.whiteSlide .button.thin-stroke { color: #202020; }

.button.stroke {
    color: #202020;
    border: 2px solid;
    background-color: transparent !important;
    padding: 14px 22px 15px;
}

.slide.whiteSlide .button.stroke { color: #202020; }

.button.stroke.round    { padding-left: 26px; padding-right: 26px; }
.button.stroke.uppercase { padding-top: 15px; padding-bottom: 15px; }
.button.stroke.uppercase svg { margin-bottom: -2px; }
.button.stroke.uppercase.small { padding: 11px 15px; }

.button.stroke.small {
    border: 1px solid;
    padding-top: 9px;
    padding-bottom: 9px;
}

@media (min-width: 768px) {
    .button.stroke.big                  { padding: 19px 30px; }
    .button.stroke.big.uppercase        { padding-top: 21px; padding-bottom: 21px; }
}

.button.stroke:not(.flat):hover {
    box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0.05),
                0 4px 6px 0 rgba(0, 0, 0, 0.1),
                0 1px 10px 0 rgba(0, 0, 0, 0.1),
                0 2px 4px -1px rgba(0, 0, 0, 0.1);
}

.button.flat:not(:hover) { box-shadow: none; }
.button:not(.stroke) svg { fill: #fff; }

.button.small {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 16px;
}

.button.small .material-icons {
    vertical-align: bottom;
    position: relative;
    font-size: 20px;
    margin-right: 8px;
    bottom: 1px;
}

.button.small .material-icons.right { margin-left: 8px; margin-right: 0; }

.button.small svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    top: 0;
}

.button.small svg.right   { margin-right: 0; margin-left: 10px; }
.button.small.round       { padding-left: 18px; padding-right: 18px; }
.button.small.rounded     { border-radius: 6px; }

.button.small.uppercase {
    font-size: 12px;
    padding: 12px 16px;
    letter-spacing: 0.125em;
}

.button.small.uppercase.round { padding-left: 19px; padding-right: 19px; }

@media (min-width: 768px) {
    .button.big                  { font-size: 20px; padding: 21px 32px; }
    .button.big.round            { padding-left: 36px; padding-right: 36px; }
    .button.big.rounded          { border-radius: 7px; }
    .button.big.uppercase        { font-size: 17px; padding: 23px 32px; }
    .button.big.uppercase.round  { padding-left: 36px; padding-right: 36px; }

    .button.big .material-icons  { vertical-align: bottom; margin-right: 16px; font-size: 30px; }
    .button.big .material-icons.right { margin-left: 16px; margin-right: 0; }

    .button.big svg              { width: 27px; height: 27px; margin-right: 16px; top: 1px; }
    .button.big svg.right        { margin-right: 0; margin-left: 16px; }
}

.button.empty,
.button.hollow {
    padding: 0 !important;
    background-color: transparent !important;
    font-size: 0 !important;
    box-shadow: none;
}

.button.empty  { margin: 0; }
.button.hollow svg { margin: 0; }

.button.shade { position: relative; }

.button.shade::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #292929;
    opacity: 0;
    transition: 0.25s;
}

.button.shade:hover::after  { opacity: 0.15; }
.button.shade:active::after { opacity: 0.2; }

.button.play {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 27px;
    margin-left: 0;
    margin-right: 0;
}

.button.play svg       { fill: #fff; width: 35px; height: 36px; margin: 0; }

.button.play.small {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 20px 19px;
}

.button.play.small svg { fill: #fff; width: 23px; height: 23px; }

.button.play:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.button.gradient { position: relative; }

.button.gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #fff 0%, #000 100%);
    z-index: -1;
    opacity: 0.1;
}

.slide.whiteSlide .button.white:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}

.slide.whiteSlide .button.white:hover::after { opacity: .3; }

.roundButton {
    border-radius: 50px;
    height: 50px;
    width: 50px;
    padding: 14px;
    margin: 5px;
}

.roundButton svg { bottom: 2px; }

@media (max-width: 319px) {
    .button.uppercase, .uppercase { letter-spacing: 0.07em; }
}

h1.uppercase, .h1.uppercase,
h2.uppercase, .h2.uppercase,
h3.uppercase, .h3.uppercase,
h4.uppercase, .h4.uppercase,
h5.uppercase,
p.uppercase,  .p.uppercase,
.button.uppercase {
    letter-spacing: 0.125em !important;
    text-indent: -0.1em !important;
    font-weight: 700 !important;
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.slide.whiteSlide svg { fill: #202020; }

.svgContainer,
.embedContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0;
}

.svgContainer svg.scale,
.embedContainer .scale {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.dot {
    padding: 7px;
    display: inline-block;
}

.dot::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.5;
    transition: 0.25s;
}

.dot.big .dot::after   { width: 14px; height: 14px; }
.slide.whiteSlide .dot::after { background: #202020; }

.dot:hover::after {
    -webkit-transform: scale(1.33333);
    transform: scale(1.33333);
    opacity: 1;
}

.dot:active::after,
.dot.selected::after {
    opacity: 1;
    -webkit-transform: scale(1.675);
    transform: scale(1.675);
}

.tabs {
    color: #fff;
    max-width: 260px;
    border-radius: 5px;
}

.tabs li {
    padding: 16px 20px;
    letter-spacing: 2.5px;
    font-size: 12px;
    transition: 0.15s;
    margin-top: -1px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.tabs li:not(:last-child)  { border-bottom: 0; }
.tabs li:first-child        { border-radius: 4px 4px 0 0; }
.tabs li:last-child         { border-radius: 0 0 4px 4px; }
.tabs li.selected           { background: #fff; color: #202020; }

.slide.whiteSlide .tabs li          { border-color: #e5e5e5; color: #202020; }
.slide.whiteSlide .tabs li.selected { background: #202020; border-color: #202020; color: #fff; }

.links li { font-size: 17px; letter-spacing: 0; padding: 4px 0; }

.slides-form {
    font-size: 0;
    margin-top: -5px;
    font-family: inherit;
}

.slides-form button   { font-family: inherit; }

.slides-form textarea {
    max-height: 200px;
    max-width: 100%;
    min-height: 130px;
}

.slides-form textarea.d { border-radius: 15px !important; }

.slides-form label,
.slides-form .label {
    display: block;
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 2px;
}

.slides-form label.uppercase,
.slides-form .label.uppercase { font-size: 14px; }

.slides-form input[type="text"],
.slides-form input[type="name"],
.slides-form input[type="email"],
.slides-form input[type="password"],
.slides-form input[type="tel"],
.slides-form input[type="number"],
.slides-form textarea,
.slides-form select {
    font-family: inherit;
    background: #fff;
    position: relative;
    padding: 15px 16px 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: #242424;
    outline: none;
    border-radius: 4px;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    transition: 0.15s;
}

.slides-form input[type="text"].flat,
.slides-form input[type="name"].flat,
.slides-form input[type="email"].flat,
.slides-form input[type="password"].flat,
.slides-form input[type="tel"].flat,
.slides-form input[type="number"].flat,
.slides-form textarea.flat,
.slides-form select.flat,
.slides-form input[type="text"]:hover,
.slides-form input[type="name"]:hover,
.slides-form input[type="email"]:hover,
.slides-form input[type="password"]:hover,
.slides-form input[type="tel"]:hover,
.slides-form input[type="number"]:hover,
.slides-form textarea:hover,
.slides-form select:hover {
    border-color: rgba(0, 0, 0, 0.2);
}

.slides-form input[type="text"]:focus,
.slides-form input[type="name"]:focus,
.slides-form input[type="email"]:focus,
.slides-form input[type="password"]:focus,
.slides-form input[type="tel"]:focus,
.slides-form input[type="number"]:focus,
.slides-form textarea:focus,
.slides-form select:focus {
    border-color: #2196F3;
    z-index: 10;
}

.slides-form input[type="text"]::-webkit-input-placeholder,
.slides-form input[type="name"]::-webkit-input-placeholder,
.slides-form input[type="email"]::-webkit-input-placeholder,
.slides-form input[type="password"]::-webkit-input-placeholder,
.slides-form input[type="tel"]::-webkit-input-placeholder,
.slides-form input[type="number"]::-webkit-input-placeholder,
.slides-form textarea::-webkit-input-placeholder,
.slides-form select::-webkit-input-placeholder {
    color: #242424;
    font-weight: 400;
    opacity: 0.5;
}

.slides-form input[type="text"]::placeholder,
.slides-form input[type="name"]::placeholder,
.slides-form input[type="email"]::placeholder,
.slides-form input[type="password"]::placeholder,
.slides-form input[type="tel"]::placeholder,
.slides-form input[type="number"]::placeholder,
.slides-form textarea::placeholder,
.slides-form select::placeholder {
    color: #242424;
    font-weight: 400;
    opacity: 0.5;
}

.slides-form input[type="text"]:focus::-webkit-input-placeholder,
.slides-form input[type="name"]:focus::-webkit-input-placeholder,
.slides-form input[type="email"]:focus::-webkit-input-placeholder,
.slides-form input[type="password"]:focus::-webkit-input-placeholder,
.slides-form input[type="tel"]:focus::-webkit-input-placeholder,
.slides-form input[type="number"]:focus::-webkit-input-placeholder,
.slides-form textarea:focus::-webkit-input-placeholder,
.slides-form select:focus::-webkit-input-placeholder {
    color: #242424;
    font-weight: 400;
    opacity: 0;
}

.slides-form input[type="text"]:focus::placeholder,
.slides-form input[type="name"]:focus::placeholder,
.slides-form input[type="email"]:focus::placeholder,
.slides-form input[type="password"]:focus::placeholder,
.slides-form input[type="tel"]:focus::placeholder,
.slides-form input[type="number"]:focus::placeholder,
.slides-form textarea:focus::placeholder,
.slides-form select:focus::placeholder {
    color: #242424;
    font-weight: 400;
    opacity: 0;
}

.slides-form input[type="text"].round,
.slides-form input[type="name"].round,
.slides-form input[type="email"].round,
.slides-form input[type="password"].round,
.slides-form input[type="tel"].round,
.slides-form input[type="number"].round,
.slides-form textarea.round,
.slides-form select.round {
    border-radius: 50px;
    padding-left: 22px;
    padding-right: 22px;
}

.slides-form input[type="text"].rounded,
.slides-form input[type="name"].rounded,
.slides-form input[type="email"].rounded,
.slides-form input[type="password"].rounded,
.slides-form input[type="tel"].rounded,
.slides-form input[type="number"].rounded,
.slides-form textarea.rounded,
.slides-form select.rounded {
    border-radius: 6px;
}

@media (min-width: 768px) {
    .slides-form input[type="text"],
    .slides-form input[type="name"],
    .slides-form input[type="email"],
    .slides-form input[type="password"],
    .slides-form input[type="tel"],
    .slides-form input[type="number"],
    .slides-form textarea,
    .slides-form select {
        max-width: 300px;
    }
}

.slides-form textarea       { font-weight: 400; }
.slides-form textarea.round { border-radius: 25px; }

.slides-form select {
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"37\" height=\"7\"><path fill=\"#303030\" d=\"M14.022 0l5.978 6 6-6z\" /></svg>");
    background-repeat: no-repeat;
    background-position: right;
}

.slides-form input[type="text"],
.slides-form input[type="name"],
.slides-form input[type="email"],
.slides-form input[type="password"],
.slides-form input[type="tel"],
.slides-form input[type="number"],
.slides-form input[type="submit"],
.slides-form button[type="submit"],
.slides-form select,
.slides-form textarea {
    margin: 5px;
}

@media (max-width: 768px) {
    .slides-form input[type="text"],
    .slides-form input[type="name"],
    .slides-form input[type="email"],
    .slides-form input[type="password"],
    .slides-form input[type="tel"],
    .slides-form input[type="number"],
    .slides-form input[type="submit"],
    .slides-form button[type="submit"],
    .slides-form select,
    .slides-form textarea {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
        display: block !important;
    }
}

.slides-form input[type="text"].wide,
.slides-form input[type="name"].wide,
.slides-form input[type="email"].wide,
.slides-form input[type="password"].wide,
.slides-form input[type="tel"].wide,
.slides-form input[type="submit"].wide,
.slides-form input[type="number"].wide,
.slides-form button[type="submit"].wide,
.slides-form select.wide,
.slides-form textarea.wide,
.slides-form label.wide {
    max-width: 100%;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 769px) {
    .slides-form input.pair {
        width: 50% !important;
        max-width: 50% !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        margin-left: 0;
        margin-right: 0;
    }

    .slides-form input.pair + .pair {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        width: calc(50% + 1px) !important;
        max-width: calc(50% + 1px) !important;
        margin-left: -1px;
    }
}

.slides-form.center input,
.slides-form.center textarea { text-align: center; }

/***
 *       _____ _       _
 *      / ___/| ( )   | |
 *     | (___ | |_  __| | ________
 *      \___ \| | |/ _` |/ , / __/
 *      ____) | | | (_| |  __\__ \
 *     /_____/|_|_|\__,_|\___/___/
 *
 *
 */
.slide {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #202020;
    color: #fff;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1s;
    pointer-events: none;
}

.slide.active {
    opacity: 1;
    pointer-events: auto;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.slide.whiteSlide {
    color: #202020;
    background: #fff;
}

.content {
    overflow: hidden;
    position: absolute;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    -webkit-overflow-scrolling: touch;
}

.content.scrollBar            { overflow-y: auto; }
.windows .defaultScroll .content { overflow: auto; overflow-x: hidden; }

.mobile .content {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.fade   .content { background: rgba(0, 0, 0, 0.6); }
.fade-1 .content { background: rgba(0, 0, 0, 0.1); }
.fade-2 .content { background: rgba(0, 0, 0, 0.2); }
.fade-3 .content { background: rgba(0, 0, 0, 0.3); }
.fade-4 .content { background: rgba(0, 0, 0, 0.4); }
.fade-5 .content { background: rgba(0, 0, 0, 0.5); }
.fade-6 .content { background: rgba(0, 0, 0, 0.6); }
.fade-7 .content { background: rgba(0, 0, 0, 0.7); }
.fade-8 .content { background: rgba(0, 0, 0, 0.8); }
.fade-9 .content { background: rgba(0, 0, 0, 0.9); }

.whiteSlide[class*="fade"] .content {
    background: rgba(255, 255, 255, 0.85);
}

.container {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    height: 100%;
}

.container .wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.container .wrap:not(.noSpaces),
.container .wrap.spaceWrap,
.container .wrap .spaceWrap {
    padding: 120px calc(8% + 15px);
}

.container .wrap .overflowHidden { overflow: hidden; }
.container .wrap *                { user-select: text; }

.slide .background,
.popup .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    backface-visibility: hidden;
}

.slide .background iframe,
.popup .background iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.slide:not(.youtube) .background iframe,
.popup:not(.youtube) .background iframe {
    width: 100%;
    height: 100%;
}

.fix-1-12  { max-width: 93px !important; }
.fix-2-12  { max-width: 186px !important; }
.fix-3-12  { max-width: 279px !important; }
.fix-4-12  { max-width: 371px !important; }
.fix-5-12  { max-width: 464px !important; }
.fix-6-12  { max-width: 557px !important; }
.fix-7-12  { max-width: 650px !important; }
.fix-8-12  { max-width: 743px !important; }
.fix-9-12  { max-width: 836px !important; }
.fix-10-12 { max-width: 928px !important; }
.fix-11-12 { max-width: 1021px !important; }
.fix-12-12 { max-width: 1114px !important; }

[class*="fix-"] {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
}

.toLeft,
.toLeft[class*="fix-"]  { margin-left: 0 !important; margin-right: auto !important; }

.toRight,
.toRight[class*="fix-"] { margin-right: 0 !important; margin-left: auto !important; float: right; }

.popupTrigger,
.dropdownTrigger,
.sidebarTrigger { cursor: pointer; }

.shiftImage         { margin-top: -15%; margin-bottom: -100%; }
.shiftImageVertical { margin-right: -100%; max-width: none; }

.slide.video .background { overflow: hidden; }

.slide.video .background video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.slide.video .background video::-webkit-media-controls,
.slide.video .background video::-webkit-media-controls-panel,
.slide.video .background video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

html:not(.mobile) .slide.video .background[style] { background: none !important; }
.mobile .slide.video .background[style] video      { display: none; }

.videoThumbnail {
    cursor: pointer;
    position: relative;
    font-size: 0;
    overflow: hidden;
    line-height: 0;
}

.videoThumbnail.rounded { border-radius: 6px; }

.videoThumbnail::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../assets/svg/video-icon.svg") no-repeat center center;
    transition: 0.5s;
}

.videoThumbnail:not(.noTint):hover::after { background-color: rgba(0, 0, 0, 0.15); }
.videoThumbnail:hover::before             { transform: scale(1.1); transition: 0.25s; }
.videoThumbnail:active::before            { opacity: 0.8; }

.videoThumbnail.small         { max-width: 200px; display: block; }
.videoThumbnail.small::before { background-size: 44px; }

.shadow,
.button.empty.shadow:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.pad {
    border-radius: 6px;
    padding: 10%;
    color: #202020;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
}

.pad.shadow              { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); }

.pad.shadow.stroke {
    background: transparent;
    transition: 0.15s;
    color: #fff;
}

.pad.shadow.stroke:hover {
    background: #fff;
    color: #202020;
    transition: 0.15s;
}

.pad.shadowHover       { transition: 0.5s; }
.pad.shadowHover:hover { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); }

.pad small {
    font-size: 15px;
    line-height: 1.45;
    margin: 15px 0;
}

@media (max-width: 767px) {
    .pad.collapse {
        background: inherit;
        color: inherit;
        border: none;
        padding: 0 !important;
        overflow: inherit;
        border-radius: 0;
        box-shadow: none;
        transition: 0s !important;
    }

    .pad.shadow { box-shadow: none; }
}

.resizing .equalElement { transition: 0s !important; }

.hr {
    position: relative;
    height: 1px;
    width: 100%;
}

@media (max-width: 1023px) {
    .shiftImage         { margin-top: 0 !important; margin-bottom: 0 !important; }
    .shiftImageVertical { margin-right: 0 !important; max-width: 100% !important; }
}

@media (min-width: 1024px) {
    .hideForDesktop { display: none !important; }
    .showForDesktop { display: block !important; }
}

@media (max-width: 1024px) {
    .hideForTablet        { display: none !important; }
    .showForTablet        { display: block !important; }
    .showForTabletInline  { display: inline !important; }
}

@media (max-width: 767px) {
    .hideForPhablet { display: none !important; }
}

@media (max-width: 768px) {
    .showForPhablet       { display: block !important; }
    .showForPhabletInline { display: inline !important; }
}

@media (max-width: 435px) {
    .hideForPhone       { display: none !important; }
    .showForPhone       { display: block !important; }
    .showForPhoneInline { display: inline !important; }
}

html.mobile .hideForMobile       { display: none !important; }
html.mobile .showForMobile       { display: block !important; }
html.mobile .showForMobileInline { display: inline !important; }

.helpBubble { cursor: pointer; }

.helpBubble::after {
    content: "?";
    font-size: 14px;
    width: 17px;
    height: 17px;
    line-height: 1.2;
    background: #202020;
    opacity: 0.3;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-left: 4px;
    font-weight: 700;
    transition: 0.25s;
}

.helpBubble .helpMessage {
    background: rgba(255, 255, 255, 0.98);
    color: rgba(48, 48, 48, 0.7);
    font-size: 16px;
    line-height: 1.625;
    position: absolute;
    z-index: 10;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.07), 0 6px 8px rgba(0, 0, 0, 0.05);
    padding: 17px;
    text-align: left;
    bottom: 50%;
    margin-bottom: 5px;
    transform: translateY(10px) scale(0.95);
    transition: 0.25s;
    opacity: 0;
    pointer-events: none;
}

.helpBubble .helpMessage strong  { color: #303030; }
.helpBubble:hover .helpMessage   { pointer-events: all; transform: translateY(0) scale(1); opacity: 1; }
.helpBubble:hover::after         { opacity: 1; }

.titleFirst {
    font-size: clamp(8rem, 8vw, 20rem);
    font-weight: 700;
    margin: 0 0 3rem;
    color: #fff;
    line-height: 0.95;
    letter-spacing: -1px;
}

@media (max-width: 480px) {
    .titleFirst {
        font-size: clamp(6rem, 14vw, 16rem);
        margin-left: -15px;
    }
}

@media (max-width: 1024px) {
    .slide.fade-6.kenBurns .panel.bottom { display: none; }
}

/***
 *      _____                 _
 *     |  __ \               | |
 *     | |__) __ _ _ __   ___| |____
 *     |  ___/ _` | '_ \ / _ | / __/
 *     | |  | (_| | | | |  __| \__ \
 *     |_|   \__,_|_| |_|\___|_/___/
 *
 *
 */
.panel {
    position: fixed;
    left: 0;
    width: 100%;
    margin-top: 35px;
    padding: 10px 30px;
    z-index: 200;
    text-align: center;
    font-size: 16px;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.panel.top    { top: 0; }
.panel.bottom { bottom: 0; }

.panel.white {
    background: rgba(255, 255, 255, 0.975) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}

.panel.black {
    background-color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}

.panel.top .img-logo {
    width: auto;
    max-width: 140px;
    display: block;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
    margin-right: 15px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    height: 150px;
    z-index: 201;
}

.animated .panel.top,
.animateOnEvent .panel.top,
.hidePanel-top .panel.top.hideOnScroll,
.slides:not(.firstSlide) .panel.top.firstSlideOnly,
.slides:not(.lastSlide) .panel.top.lastSlideOnly,
.slides:not(.firstSlide):not(.lastSlide) .panel.top.firstAndLastSlidesOnly,
.slides.lastSlide .panel.top.exceptLastSlide,
.slides.firstSlide .panel.top.exceptFirstSlide {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
}

.animated .panel.bottom,
.animateOnEvent .panel.bottom,
.hidePanel-bottom .panel.bottom.hideOnScroll,
.slides:not(.lastSlide) .panel.bottom.lastSlideOnly,
.slides:not(.firstSlide) .panel.bottom.firstSlideOnly,
.slides:not(.firstSlide):not(.lastSlide) .panel.bottom.firstAndLastSlidesOnly,
.slides.lastSlide .panel.bottom.exceptLastSlide,
.slides.firstSlide .panel.bottom.exceptFirstSlide {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
}

.page-loaded .animated .panel,
.page-loaded .animateOnEvent .panel {
    transition: transform 0.5s, opacity 0.5s, padding 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.slides.whiteSlide .panel { color: #202020; }

.scroll .panel.hideOnScroll,
.mobile .simplifiedMobile .panel.hideOnScroll { position: fixed; }

.scroll .panel.hideOnScroll.top.hide,
.mobile .simplifiedMobile .panel.hideOnScroll.top.hide {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important;
    opacity: 0;
}

.scroll .panel.hideOnScroll.bottom.hide,
.mobile .simplifiedMobile .panel.hideOnScroll.bottom.hide {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important;
    opacity: 0;
}

.panel .sections {
    display: table;
    width: 100%;
    font-size: 0;
}

.panel .sections > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 33.33333%;
    white-space: nowrap;
    font-size: 16px;
    min-height: 60px;
}

.panel .sections > div.auto { width: 0.1%; }
.panel .sections > div *   { pointer-events: all; }

.panel .sections > div.left {
    text-align: left;
    position: relative;
}

.panel .sections > div.left ul.crop          { padding-left: 0; }
.panel .sections > div.left ul.crop li:first-child { margin-left: 0; }
.panel .sections > div.left.space            { padding-right: 20px; }
.panel .sections > div.right                 { text-align: right; }
.panel .sections > div.right ul.crop         { padding-right: 0; }
.panel .sections > div.right ul.crop li:last-child { margin-right: 0; }
.panel .sections > div.right.space           { padding-left: 20px; }
.panel .sections > div.center.space          { padding: 0 20px; }
.panel .sections.hidden                      { display: none; }

.panel .sections .menu {
    white-space: nowrap;
    display: inline-block;
    padding: 0 12px;
    font-size: 0;
}

.panel .sections .menu svg {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}

.panel .sections .menu li {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 0 10px;
}

.panel .sections .menu li a       { padding: 0 1px; opacity: 0.8; }
.panel .sections .menu li a:hover { opacity: 1; }

.panel .sections .menu.uppercase li {
    font-size: 12px;
    margin: 0 10px;
    letter-spacing: 0.125em;
    font-weight: 600 !important;
}

.panel .sections .menu.uppercase li svg { position: relative; top: 2px; }

.panel .hidden,
.panel .hidden * { display: none; }

.panel svg {
    fill: #fff;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
}

.slides.whiteSlide .panel svg { fill: #202020; }

.panel a:not(.button):hover { opacity: 0.75; transition: 0.15s; }
.panel .button              { margin: 0; }
.panel .button + .button    { margin-left: 10px; }

.panel .button:not(.actionButton) {
    font-size: 15px;
    vertical-align: middle;
    padding: 12px 17px;
}

.panel .button:not(.actionButton):hover:not(:active) {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05),
                0 4px 6px 0 rgba(0, 0, 0, 0.1),
                0 1px 10px 0 rgba(0, 0, 0, 0.1);
}

.panel .nextSlide,
.panel .prevSlide {
    width: 24px;
    height: 24px;
    position: relative;
    top: 5px;
}

.slides.whiteSlide .panel .actionButton svg { fill: #fff; }

.panel .prevSlide,
.panel .nextSlide { transition: 0.25s; }

.firstSlide .panel .prevSlide,
.lastSlide .panel .nextSlide {
    opacity: 0;
    pointer-events: none;
    cursor: default;
}

.firstSlide .panel.bottom .nextSlide svg {
    -webkit-animation: animateArrow 4s infinite;
    animation: animateArrow 4s infinite;
}

.panel .panelIcon { position: relative; top: 5px; }

.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
    transition: width 1s, opacity 1s;
    z-index: 1000;
    opacity: 1;
}

.progress-bar.loaded {
    width: 100%;
    opacity: 0;
    transition: width 0s, opacity 0.25s 1s;
}

.panel .sections > div.center .menu      { transform: translateY(-10px); }
.panel .sections > div.right .menu.trim  { transform: translateY(-10px); }

.panel .sections.compact              { min-height: 50px; }
.panel .sections.compact > div        { vertical-align: top; height: 100%; }

.panel .sections.compact > div.left {
    text-align: left;
    width: auto;
    padding: 5px 10px 5px 0;
}

.panel .sections.compact > div.right {
    text-align: right;
    width: auto;
    padding: 5px 0 5px 10px;
}

.panel .sections.compact > div.left img.img-logo-hidden {
    height: 115px;
    width: auto;
    max-width: 100%;
    display: block;
    transform: translateY(-50px);
    margin: 0;
}

.panel .sections.compact > div.right span.button.sidebarTrigger {
    display: inline-block;
    margin: 0;
}

/***
 *       _____       _
 *      / ___/( )   | |
 *     | (___  _  __| | ___
 *      \___ \| |/ _` |/ _ \
 *      ____) | | (_| |  __/
 *     /_____/|_|\__,_|\___/
 *
 *
 */
.side {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 100;
    padding: 70px 4%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media (min-width: 1380px) {
    .side { padding-left: 55px; padding-right: 55px; }
}

.page-loaded .side { opacity: 1; }

.side.large  { padding: calc(5.56% + 50px) 5%; }
.side.left   { left: 0; right: inherit; }
.side.right  { right: 0; left: inherit; }
.side.compact { padding: 30px 4%; }

.side.compact .navigation li {
    width: 15px;
    height: 7px;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    opacity: 0.2;
    padding: 1px;
    cursor: pointer;
}

.side.compact .navigation li.selected,
.side.compact .navigation li:hover { opacity: 1; }

.side.compact .navigation li::after  { display: none; }
.side.compact .navigation li::before { margin: 0 8px !important; top: -10px; }

.whiteSlide .side.compact .navigation li { background: #202020; }

.side.compact:not(.square) .navigation li:first-child { border-radius: 10px 10px 0 0; }
.side.compact:not(.square) .navigation li:last-child  { border-radius: 0 0 10px 10px; }

.panel .side {
    position: relative;
    display: inline;
    height: auto;
    padding: 0;
}

.slides.whiteSlide .side svg:not([fill]) { fill: #202020; }

.navigation {
    display: table;
    height: 100%;
}

.navigation ul { display: table-cell; vertical-align: middle; }
.navigation *  { pointer-events: all; }

.navigation li {
    fill: #fff;
    display: block;
    background: transparent;
    padding: 9px;
    margin: 0 -9px;
    cursor: pointer;
    position: relative;
}

.navigation li::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 7px;
    opacity: 0.5;
    background: #fff;
    box-shadow: 0 0 1px #303030;
    transition: 0.25s;
}

.navigation li.selected::after,
.navigation li:hover::after { opacity: 1; }

.medium .navigation li::after { width: 10px; height: 10px; border-radius: 5px; }
.small  .navigation li::after { width: 6px;  height: 6px;  border-radius: 4px; }

.navigation li[data-title]::before {
    content: attr(data-title);
    position: absolute;
    right: 100%;
    top: 1px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    min-width: 50px;
    border-radius: 6px;
    padding: 7px 12px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
    pointer-events: none;
    visibility: hidden;
}

.navigation li:hover::before { visibility: visible; }

.left .navigation li::before {
    left: 100%;
    right: auto;
}

.panel.bottom .navigation li::before {
    -webkit-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
    left: 14px;
    top: -2px;
}

.stroke .navigation li::after {
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    background-color: transparent;
}

.stroke.small .navigation li::after { border-width: 1px; }

.stroke .navigation li.selected::after,
.stroke .navigation li:hover::after  { background: #fff; }

.square .navigation li::after,
.square.small .navigation li::after  { border-radius: 0; }

.diamond .navigation li::after {
    border-radius: 0;
    -webkit-transform: rotate(45deg) scale(0.72);
    transform: rotate(45deg) scale(0.72);
}

.diamond.medium .navigation li::after {
    -webkit-transform: rotate(45deg) scale(0.88);
    transform: rotate(45deg) scale(0.88);
}

.diamond.small .navigation li::after {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.line .navigation li {
    margin: 0 -9px;
    padding: 5px 9px;
    text-align: right;
    font-size: 0;
}

.line .navigation li::after {
    height: 3px;
    display: inline-block;
    text-align: right;
    background: #fff;
    border: none;
}

.line .navigation li::before          { margin-top: -10px; }
.line .navigation li.selected::after  { width: 25px; }
.line.left .navigation li             { text-align: left; }

.line.medium .navigation li           { margin: 0 -5px; padding: 4px 8px; }
.line.medium .navigation li.selected::after { width: 19px; }

.line.small .navigation li            { margin: 0; padding: 4px 6px; }
.line.small .navigation li.selected::after  { width: 13px; }

.pole .navigation li {
    margin: 0 1px 0 2px;
    padding: 2px 9px;
    text-align: right;
    font-size: 0;
}

.pole .navigation li::after {
    height: 20px;
    width: 4px;
    display: inline-block;
    transition: 0.5s;
    text-align: right;
    background: #fff;
    border-radius: 1px;
    border: none;
}

.pole .navigation li::before          { margin-top: -3px; }
.pole .navigation li.selected::after  { height: 60px; }
.pole .navigation li.selected::before { margin-top: 19px; }

.pole.medium .navigation li           { margin: 0 2px; }
.pole.medium .navigation li::after    { height: 15px; width: 3px; }
.pole.medium .navigation li::before   { margin-top: -5px; }
.pole.medium .navigation li.selected::after  { height: 45px; }
.pole.medium .navigation li.selected::before { margin-top: 10px; }

.pole.small .navigation li            { margin: 0 2px; }
.pole.small .navigation li::after     { height: 10px; width: 3px; }
.pole.small .navigation li::before    { margin-top: -7px; }
.pole.small .navigation li.selected::after  { height: 30px; }
.pole.small .navigation li.selected::before { margin-top: 2px; }

.slides.whiteSlide .navigation li::after {
    background: #202020;
    box-shadow: 0 0 1px #fff;
}

.slides.whiteSlide .stroke .navigation li::after          { border-color: #202020; background: transparent; }
.slides.whiteSlide .stroke .navigation li:hover::after    { background: #303030; }
.slides.whiteSlide .stroke .navigation li.selected::after { border-color: #303030; background: #202020; }

.panel .navigation,
.panel .navigation ul { display: inline; }

.panel .navigation li             { display: inline-block; margin: -9px 0; }
.panel .side.small .navigation li { margin: 0; }

.navigation .sideArrow {
    width: 31px;
    height: 72px;
    margin: 0 -9px;
}

@media (max-width: 766px) {
    .navigation .sideArrow { width: 17px; height: 40px; }
}

/***
 *       _____       _      _
 *      / ___/( )   | |    | |
 *     | (___  _  __| | ___| |__   __ _ _ ___
 *      \___ \| |/ _` |/ _ | '_ \ / _` | '__/
 *      ____) | | (_| |  __| |_) | (_| | |
 *     /_____/|_|\__,_|\___|_.__/ \__,_|_|
 *
 *
 */
.sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    max-width: 90%;
    height: 100%;
    color: #fff;
    z-index: 500;
    background: #0e0e0e;
    transition: transform 0.5s, opacity 0.5s;
    transform: translateX(100%);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.sidebarShown .sidebar.visible { transform: translateX(0%); opacity: 1; }

.sidebar .content {
    padding: 40px;
    overflow-y: auto;
    position: relative;
}

.sidebar .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 14px;
    font-size: 0;
    opacity: 0.5;
    z-index: 101;
    transition: 0.25s;
}

.sidebar .close:hover         { opacity: 1; }
.sidebar .close i             { font-size: 24px; color: #fff; line-height: 1; }
.sidebar .close:active i      { transform: scale(0.92); }

.sidebar .logo-container      { text-align: center; margin-bottom: 20px; }
.sidebar .logo                { padding: 0; font-size: 0; display: inline-block; }
.sidebar .logo img            { height: 160px; width: auto; max-width: 100%; }

.sidebar ul.mainMenu,
.sidebar ul.subMenu,
.sidebar ul.social {
    line-height: 1.9;
    margin-bottom: 30px;
    display: block;
}

.sidebar .mainMenu li { font-size: 20px; line-height: 48px; }

.sidebar .subMenu li {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 36px;
}

.sidebar .social              { margin-top: 40px; text-align: center; }
.sidebar .social li           { display: inline-block; margin-right: 10px; }
.sidebar .social li:last-child { margin-right: 0; }

.sidebar .social li a         { font-size: 0; padding: 0; display: block; }
.sidebar .social li a i       { font-size: 24px; color: #fff; line-height: 1; }
.sidebar .social li a i.fa-2x { font-size: 32px; }

.page-loaded.sidebarShown .slide.selected {
    transform: scale(0.95) !important;
    pointer-events: none;
    opacity: 0.5 !important;
}

.sidebarShown .panel.top    { opacity: 0; }

.sidebarShown .panel.bottom {
    opacity: 0.5;
    transform: scale(0.95) translateY(-10%);
}

.page-loaded.sidebarShown .panel,
.page-loaded.sidebarShown .slide.selected,
.page-loaded.sidebarShown .slide.selected::after,
.sidebar {
    transition: transform 0.5s, opacity 0.5s !important;
}

/***
 *      _____
 *     |  __ \
 *     | |__) __  _ __  _   _ _ __
 *     |  ___/ _ \| '_ \| | | | '_ \
 *     | |  | (_) | |_) | |_| | |_) |
 *     |_|   \___/| .__/ \__,_| .__/
 *                | |         | |
 *                |_|         |_|
 */
.popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 1000;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    overflow-y: auto;
    display: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.popup:not([class*="fade"])  { background: rgba(17, 17, 17, 0.9); }

.popupShown .popup.visible {
    display: block;
    -webkit-animation: popupFadeIn 0.75s;
    animation: popupFadeIn 0.75s;
}

.popup.hidePopup { opacity: 0; pointer-events: none; }
.popup .content  { overflow-y: auto; }

.popup .close:not(.button) {
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 14px;
    font-size: 0;
    opacity: 0.5;
    z-index: 200;
    transition: 0.25s;
    margin: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.popup .close:not(.button).left  { right: inherit; left: 0; }
.popup .close:not(.button):hover { opacity: 1; }

.popup .close:not(.button) svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

.popup .close.button {
    position: fixed;
    z-index: 200;
    margin: 15px;
}

.popup.white .close svg { fill: #202020; }

.popup .wrap        { padding: 18px 58px; }
.popup .wrap.spaces { padding: 58px; }

.popup.fullscreen .wrap       { padding: 0; }
.popup.fullscreen .embedVideo { height: 100vh; padding-bottom: 0; }

.popupShown,
.popupShown body,
.sidebarShown,
.sidebarShown body { overflow-y: hidden !important; }

.embedVideo {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embedVideo iframe,
.embedVideo object,
.embedVideo embed,
.embedVideo video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embedVideo.size-16x10  { padding-bottom: 62.5%; }
.embedVideo.size-4x3    { padding-bottom: 75%; }
.embedVideo.size-1x1,
.embedVideo.size-square { padding-bottom: 100%; }

/***
 *      ______                       _____
 *     |___  /                      |_   _|
 *        / / ___   ___  _ __ ___     | |  _ __ ___   __ _  __ _  ___
 *       / / / _ \ / _ \| '_ ` _ \    | | | '_ ` _ \ / _` |/ _` |/ _ \
 *      / /_| (_) | (_) | | | | | |  _| |_| | | | | | (_| | (_| |  __/
 *     /_____\___/ \___/|_| |_| |_| |_____|_| |_| |_|\__,_|\__, |\___/
 *                                                          __/ |
 *                                                         |___/
 */
.zoom-img,
.zoom-img-wrap {
    position: relative;
    transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) !important;
    z-index: 100;
}

.zoom-img img.zoom-img,
.zoom-img-wrap img.zoom-img { margin: 0 !important; }

.zoom-overlay {
    background: #111;
    position: fixed;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: 99;
}

.zoom-overlay-open .zoom-overlay { opacity: 0.9; }

.zoom-overlay-open .side,
.zoom-overlay-open .panel {
    opacity: 0;
    transition: 0.25s;
    transition-delay: 0s;
}

.zoom-overlay-open,
.zoom-overlay-transitioning { cursor: default; }

.zoom-img-parent { position: relative; z-index: 1000; }

/***
 *       _____ _ _     _
 *      / ___/| (_)   | |
 *     | (___ | |_  __| | ___ _ __
 *      \___ \| | |/ _` |/ _ \ '__/
 *      ____) | | | (_| |  __/ |
 *     /_____/|_|_|\__,_|\___/_|
 *
 *
 */
.slider          { position: relative; }
.slider.clickable { cursor: pointer; }

.slider > li {
    display: none;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}

.slider > li.selected {
    display: block;
    opacity: 1;
    transition: opacity 0.5s;
    pointer-events: all;
}

.slider.rounded > li > img { border-radius: 6px; overflow: hidden; }

.slider.autoHeight        { transition: 0.5s; }
.slider.autoHeight > li   { display: block; position: absolute; }

.controller li          { cursor: pointer; }
.controller li.selected { cursor: default; pointer-events: none; }

.tooltip[data-tooltip-title] { position: relative; }

.tooltip[data-tooltip-title]::before {
    content: attr(data-tooltip-title);
    position: absolute;
    background: rgba(40, 40, 40, 0.6);
    color: #fff;
    font-size: 12px;
    border-radius: 50px;
    padding: 6px 15px;
    visibility: hidden;
    white-space: nowrap;
    letter-spacing: 0.04em;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07);
    -webkit-transform: translateY(100%) translateX(-50%);
    transform: translateY(100%) translateX(-50%);
    left: 50%;
    top: 0;
}

.tooltip[data-tooltip-title]:hover::before {
    visibility: visible;
    -webkit-animation: fadeIn 0.35s backwards;
    animation: fadeIn 0.35s backwards;
}

.tooltip[data-tooltip-title].top::before {
    bottom: 0;
    top: auto;
    -webkit-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
}

/*                   \                           /
    .           ,                              o
     *                 ¤     ~            ..
        ______  __  __          _       *
       |  ___/ / _// _|   *    | |
       | |___ | |_| |_ ___  ___| |_ ____
    .  |  __/ |  _|  _/ _ \/ __| __/ __/
   ¯   | |____| | | ||  __| (__| |_\__ \    ¨
  ´    |_____/|_| |_| \___|\___/\__/___/   '
                                 ¸         §
   ¸.*         ¤        *         .           .
                      .            °            /
.*/

.slide.before { transform: translate3d(0, -50%, 0); }

.slide:first-child,
.slide.after {
    transform: translate3d(0, 50%, 0);
    will-change: transform;
}

.slide.before,
.slide.after { opacity: 0; }

.slide.selected {
    transform: translate3d(0, 0, 0) !important;
    z-index: 11;
}

.scroll .slide.selected      { z-index: 10; }
.page-loaded .slide.selected { opacity: 1 !important; }

.horizontal .slide,
.horizontal .slide.before { transform: translate3d(-50%, 0, 0); }
.horizontal .slide.after  { transform: translate3d(50%, 0, 0); }

.film .slide.before           { transform: translate3d(0, -100%, 0); }
.film .slide.after            { transform: translate3d(0, 100%, 0); }
.film.horizontal .slide.before { transform: translate3d(-100%, 0, 0); }
.film.horizontal .slide,
.film.horizontal .slide.after  { transform: translate3d(100%, 0, 0); }

.chain .slide.before           { transform: translate3d(0, -100%, 0); opacity: 1; }
.chain .slide.after            { transform: translate3d(0, 100%, 0);  opacity: 1; }
.chain.horizontal .slide.before { transform: translate3d(-100%, 0, 0); opacity: 1; }
.chain.horizontal .slide,
.chain.horizontal .slide.after  { transform: translate3d(100%, 0, 0);  opacity: 1; }

.zen .slide.before            { transform: translateY(-100%) scale(0.8); }
.zen .slide,
.zen .slide.after             { transform: translateY(100%) scale(0.8); }
.zen.horizontal .slide.before { transform: translateX(-100%) scale(0.8); }
.zen.horizontal .slide,
.zen.horizontal .slide.after  { transform: translateX(100%) scale(0.8); }

.stack .slide,
.stack .slide.after           { transform: translateY(100%); }
.stack .slide.after           { opacity: initial; }
.stack .slide.selected,
.stack .slide.after.active    { z-index: 11 !important; }
.stack .slide.before          { transform: scale(0.9); }
.stack.horizontal .slide,
.stack.horizontal .slide.after  { transform: translateX(100%); }
.stack.horizontal .slide.before { transform: scale(0.9); }

.cards .slide,
.cards .slide.after           { transform: translateY(10%); opacity: initial; }
.cards .slide.after           { z-index: 8 !important; opacity: 0; }
.cards .slide.selected        { z-index: 9 !important; }
.cards .slide.before          { transform: translateY(-100%); z-index: 7; }
.cards .slide.active.before   { z-index: 10 !important; }
.cards.horizontal .slide,
.cards.horizontal .slide.after  { transform: translateX(10%); }
.cards.horizontal .slide.before { transform: translateX(-100%); }

.zoom .slide.before        { transform: scale(1.4); }
.zoom .slide,
.zoom .slide.after         { transform: scale(0.8); opacity: 0; }

.vertigo .slide.before     { transform: scale(1.4) rotate(-2deg); }
.vertigo .slide,
.vertigo .slide.after      { transform: scale(0.8) rotate(2deg); opacity: 0; }

.plain .slide.before,
.plain .slide,
.plain .slide.after        { transform: scale(1); }

.plain .slide.after::after,
.plain .slide.before::after { opacity: 1; background: #111; }

.page-loaded .fast .slide.active,
.page-loaded .fast .slide.selected  { transition: transform 0.7s, opacity 0.7s; }

.page-loaded .slide.selected,
.page-loaded .slide.active          { transition: transform 1s, opacity 1s; }

.page-loaded .slow .slide.active,
.page-loaded .slow .slide.selected  { transition: transform 1.4s, opacity 1.4s; }

.page-loaded .slide.selected.entry,
.page-loaded .slide.active.entry    { transition: opacity 1s; }

.slides.animated .panel,
.slides.animateOnEvent .panel                   { transition: transform 0.8s, opacity 0.8s; }

.slides.animated.fast .panel,
.slides.animateOnEvent.fast .panel              { transition-duration: 0.6s; }

.slides.animated.slow .panel,
.slides.animateOnEvent.slow .panel              { transition-duration: 1s; }

.smooth .active, .smooth .selected,
.smooth .panel,  .smooth .sidebar,
.smooth .rolling-element {
    transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95) !important;
}

.bounce .active, .bounce .selected,
.bounce .panel,  .bounce .sidebar,
.bounce .rolling-element {
    transition-timing-function: cubic-bezier(0.45, 1.15, 0.5, 1) !important;
}

/***
 *                                       _           _   ______ _                           _
 *         /\         ( )               | |         | | |  ___/| |                         | |
 *        /  \   _ __  _ _ __ ___   __ _| |_ ___  __| | | |___ | | ___ _ __ ___   ___ _ __ | |_ ___
 *       / /\ \ | '_ \| | '_ ` _ \ / _` | __/ _ \/ _` | |  __/ | |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __/
 *      / ____ \| | | | | | | | | | (_| | ||  __/ (_| | | |____| |  __/ | | | | |  __/ | | | |_\__ \
 *     /_/    \_\_| |_|_|_| |_| |_|\__,_|\__\___/\__,_| |_____/|_|\___/_| |_| |_|\___/_| |_|\__|___/
 *
 *
 */
.animated [class*="ae-"] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
}

.animated.fast .animate [class*="ae-"]:not(.done),
.animated.fast.animate [class*="ae-"]:not(.done),
.animated.animate .fast [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"].fast:not(.done)   { transition-duration: 700ms; }

.animated .animate [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"]:not(.done)        { transition-duration: 800ms; }

.animated.slow .animate [class*="ae-"]:not(.done),
.animated.slow.animate [class*="ae-"]:not(.done),
.animated.animate .slow [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"].slow:not(.done)   { transition-duration: 1000ms; }

.animated .animate .ae-1:not(.done),  .animated.animate .ae-1:not(.done)  { transition-delay: 10ms; }
.animated .animate .ae-2:not(.done),  .animated.animate .ae-2:not(.done)  { transition-delay: 160ms; }
.animated .animate .ae-3:not(.done),  .animated.animate .ae-3:not(.done)  { transition-delay: 310ms; }
.animated .animate .ae-4:not(.done),  .animated.animate .ae-4:not(.done)  { transition-delay: 460ms; }
.animated .animate .ae-5:not(.done),  .animated.animate .ae-5:not(.done)  { transition-delay: 610ms; }
.animated .animate .ae-6:not(.done),  .animated.animate .ae-6:not(.done)  { transition-delay: 760ms; }
.animated .animate .ae-7:not(.done),  .animated.animate .ae-7:not(.done)  { transition-delay: 910ms; }
.animated .animate .ae-8:not(.done),  .animated.animate .ae-8:not(.done)  { transition-delay: 1060ms; }
.animated .animate .ae-9:not(.done),  .animated.animate .ae-9:not(.done)  { transition-delay: 1210ms; }
.animated .animate .ae-10:not(.done), .animated.animate .ae-10:not(.done) { transition-delay: 1360ms; }

.animated.fast .animate .ae-1:not(.done),  .animated.fast.animate .ae-1:not(.done),
.animated.animate .ae-1.fast:not(.done),   .animated.animate .fast .ae-1:not(.done)  { transition-delay: 10ms; }
.animated.fast .animate .ae-2:not(.done),  .animated.fast.animate .ae-2:not(.done),
.animated.animate .ae-2.fast:not(.done),   .animated.animate .fast .ae-2:not(.done)  { transition-delay: 110ms; }
.animated.fast .animate .ae-3:not(.done),  .animated.fast.animate .ae-3:not(.done),
.animated.animate .ae-3.fast:not(.done),   .animated.animate .fast .ae-3:not(.done)  { transition-delay: 210ms; }
.animated.fast .animate .ae-4:not(.done),  .animated.fast.animate .ae-4:not(.done),
.animated.animate .ae-4.fast:not(.done),   .animated.animate .fast .ae-4:not(.done)  { transition-delay: 310ms; }
.animated.fast .animate .ae-5:not(.done),  .animated.fast.animate .ae-5:not(.done),
.animated.animate .ae-5.fast:not(.done),   .animated.animate .fast .ae-5:not(.done)  { transition-delay: 410ms; }
.animated.fast .animate .ae-6:not(.done),  .animated.fast.animate .ae-6:not(.done),
.animated.animate .ae-6.fast:not(.done),   .animated.animate .fast .ae-6:not(.done)  { transition-delay: 510ms; }
.animated.fast .animate .ae-7:not(.done),  .animated.fast.animate .ae-7:not(.done),
.animated.animate .ae-7.fast:not(.done),   .animated.animate .fast .ae-7:not(.done)  { transition-delay: 610ms; }
.animated.fast .animate .ae-8:not(.done),  .animated.fast.animate .ae-8:not(.done),
.animated.animate .ae-8.fast:not(.done),   .animated.animate .fast .ae-8:not(.done)  { transition-delay: 710ms; }
.animated.fast .animate .ae-9:not(.done),  .animated.fast.animate .ae-9:not(.done),
.animated.animate .ae-9.fast:not(.done),   .animated.animate .fast .ae-9:not(.done)  { transition-delay: 810ms; }
.animated.fast .animate .ae-10:not(.done), .animated.fast.animate .ae-10:not(.done),
.animated.animate .ae-10.fast:not(.done),  .animated.animate .fast .ae-10:not(.done) { transition-delay: 910ms; }

.animated.slow .animate .ae-1:not(.done),  .animated.slow.animate .ae-1:not(.done),
.animated.animate .ae-1.slow:not(.done),   .animated.animate .slow .ae-1:not(.done)  { transition-delay: 10ms; }
.animated.slow .animate .ae-2:not(.done),  .animated.slow.animate .ae-2:not(.done),
.animated.animate .ae-2.slow:not(.done),   .animated.animate .slow .ae-2:not(.done)  { transition-delay: 210ms; }
.animated.slow .animate .ae-3:not(.done),  .animated.slow.animate .ae-3:not(.done),
.animated.animate .ae-3.slow:not(.done),   .animated.animate .slow .ae-3:not(.done)  { transition-delay: 410ms; }
.animated.slow .animate .ae-4:not(.done),  .animated.slow.animate .ae-4:not(.done),
.animated.animate .ae-4.slow:not(.done),   .animated.animate .slow .ae-4:not(.done)  { transition-delay: 610ms; }
.animated.slow .animate .ae-5:not(.done),  .animated.slow.animate .ae-5:not(.done),
.animated.animate .ae-5.slow:not(.done),   .animated.animate .slow .ae-5:not(.done)  { transition-delay: 810ms; }
.animated.slow .animate .ae-6:not(.done),  .animated.slow.animate .ae-6:not(.done),
.animated.animate .ae-6.slow:not(.done),   .animated.animate .slow .ae-6:not(.done)  { transition-delay: 1010ms; }
.animated.slow .animate .ae-7:not(.done),  .animated.slow.animate .ae-7:not(.done),
.animated.animate .ae-7.slow:not(.done),   .animated.animate .slow .ae-7:not(.done)  { transition-delay: 1210ms; }
.animated.slow .animate .ae-8:not(.done),  .animated.slow.animate .ae-8:not(.done),
.animated.animate .ae-8.slow:not(.done),   .animated.animate .slow .ae-8:not(.done)  { transition-delay: 1410ms; }
.animated.slow .animate .ae-9:not(.done),  .animated.slow.animate .ae-9:not(.done),
.animated.animate .ae-9.slow:not(.done),   .animated.animate .slow .ae-9:not(.done)  { transition-delay: 1610ms; }
.animated.slow .animate .ae-10:not(.done), .animated.slow.animate .ae-10:not(.done),
.animated.animate .ae-10.slow:not(.done),  .animated.animate .slow .ae-10:not(.done) { transition-delay: 1810ms; }

.animated [class*="ae-"]:not(.done),
.animated .fromBottom [class*="ae-"]:not(.done),
.animated.fromBottom [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottom:not(.done) {
    visibility: hidden;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
}

.animated .fromTop [class*="ae-"]:not(.done),
.animated.fromTop [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTop:not(.done) {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}

.animated .fromLeft [class*="ae-"]:not(.done),
.animated.fromLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromLeft:not(.done) {
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
}

.animated .fromRight [class*="ae-"]:not(.done),
.animated.fromRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromRight:not(.done) {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
}

.animated .fromCenter [class*="ae-"]:not(.done),
.animated.fromCenter [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromCenter:not(.done) {
    -webkit-transform: scale(0.9) translate3d(0, 0, 0);
    transform: scale(0.9) translate3d(0, 0, 0);
}

.animated .fromAbove [class*="ae-"]:not(.done),
.animated.fromAbove [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromAbove:not(.done) {
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0);
}

.animated .fromBottomLeft [class*="ae-"]:not(.done),
.animated.fromBottomLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottomLeft:not(.done) {
    -webkit-transform: translate3d(-50px, 50px, 0);
    transform: translate3d(-50px, 50px, 0);
}

.animated .fromTopLeft [class*="ae-"]:not(.done),
.animated.fromTopLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTopLeft:not(.done) {
    -webkit-transform: translate3d(-50px, -50px, 0);
    transform: translate3d(-50px, -50px, 0);
}

.animated .fromBottomRight [class*="ae-"]:not(.done),
.animated.fromBottomRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottomRight:not(.done) {
    -webkit-transform: translate3d(50px, 50px, 0);
    transform: translate3d(50px, 50px, 0);
}

.animated .fromTopRight [class*="ae-"]:not(.done),
.animated.fromTopRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTopRight:not(.done) {
    -webkit-transform: translate3d(50px, -50px, 0);
    transform: translate3d(50px, -50px, 0);
}

.animated .fadeIn [class*="ae-"]:not(.done),
.animated.fadeIn [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fadeIn:not(.done) {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
}

.animated .fromBlur [class*="ae-"]:not(.done),
.animated.fromBlur [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBlur:not(.done) {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.slides.animated .animate.active [class*="ae-"]:not(.done),
.slides .animated.animate.active [class*="ae-"]:not(.done) {
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-filter: none;
    filter: none;
}

.animateOnEvent {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.animateOnEvent [class*="ae-"]:not(.done):not(.do) { opacity: 0; visibility: hidden; }

.animateOnEvent [class*="ae-"].do {
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    visibility: visible;
}

.animateOnEvent.fast [class*="ae-"].do,
.animateOnEvent .fast [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fast {
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
}

.animateOnEvent.slow [class*="ae-"].do,
.animateOnEvent .slow [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.slow {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
}

.animateOnEvent [class*="ae-"].do                                                                    { -webkit-animation-name: fromBottom;      animation-name: fromBottom; }
.animateOnEvent.fromBottom [class*="ae-"].do, .animateOnEvent .fromBottom [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBottom                                                         { -webkit-animation-name: fromBottom;      animation-name: fromBottom; }
.animateOnEvent.fromTop [class*="ae-"].do,    .animateOnEvent .fromTop [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromTop                                                            { -webkit-animation-name: fromTop;         animation-name: fromTop; }
.animateOnEvent.fromLeft [class*="ae-"].do,   .animateOnEvent .fromLeft [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromLeft                                                           { -webkit-animation-name: fromLeft;        animation-name: fromLeft; }
.animateOnEvent.fromRight [class*="ae-"].do,  .animateOnEvent .fromRight [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromRight                                                          { -webkit-animation-name: fromRight;       animation-name: fromRight; }
.animateOnEvent.fromCenter [class*="ae-"].do, .animateOnEvent .fromCenter [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromCenter                                                         { -webkit-animation-name: fromCenter;      animation-name: fromCenter; }
.animateOnEvent.fromAbove [class*="ae-"].do,  .animateOnEvent .fromAbove [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromAbove                                                          { -webkit-animation-name: fromAbove;       animation-name: fromAbove; }
.animateOnEvent.fromBottomLeft [class*="ae-"].do,  .animateOnEvent .fromBottomLeft [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBottomLeft                                                     { -webkit-animation-name: fromBottomLeft;  animation-name: fromBottomLeft; }
.animateOnEvent.fromTopLeft [class*="ae-"].do,     .animateOnEvent .fromTopLeft [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromTopLeft                                                        { -webkit-animation-name: fromTopLeft;     animation-name: fromTopLeft; }
.animateOnEvent.fromBottomRight [class*="ae-"].do, .animateOnEvent .fromBottomRight [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBottomRight                                                    { -webkit-animation-name: fromBottomRight; animation-name: fromBottomRight; }
.animateOnEvent.fromTopRight [class*="ae-"].do,    .animateOnEvent .fromTopRight [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromTopRight                                                       { -webkit-animation-name: fromTopRight;    animation-name: fromTopRight; }
.animateOnEvent.fadeIn [class*="ae-"].do,          .animateOnEvent .fadeIn [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fadeIn                                                             { -webkit-animation-name: fadeIn;          animation-name: fadeIn; }
.animateOnEvent.fromBlur [class*="ae-"].do,        .animateOnEvent .fromBlur [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBlur                                                           { -webkit-animation-name: fromBlur;        animation-name: fromBlur; }

@-webkit-keyframes fromBottom {
    from { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); opacity: 0; }
}
@keyframes fromBottom {
    from { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); opacity: 0; }
}
@-webkit-keyframes fromTop {
    from { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); opacity: 0; }
}
@keyframes fromTop {
    from { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); opacity: 0; }
}
@-webkit-keyframes fromLeft {
    from { -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 0; }
}
@keyframes fromLeft {
    from { -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 0; }
}
@-webkit-keyframes fromRight {
    from { -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 0; }
}
@keyframes fromRight {
    from { -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 0; }
}
@-webkit-keyframes fromCenter {
    from { -webkit-transform: scale(0.9) translate3d(0, 0, 0); transform: scale(0.9) translate3d(0, 0, 0); opacity: 0; }
}
@keyframes fromCenter {
    from { -webkit-transform: scale(0.9) translate3d(0, 0, 0); transform: scale(0.9) translate3d(0, 0, 0); opacity: 0; }
}
@-webkit-keyframes fromAbove {
    from { -webkit-transform: scale(1.1) translate3d(0, 0, 0); transform: scale(1.1) translate3d(0, 0, 0); opacity: 0; }
}
@keyframes fromAbove {
    from { -webkit-transform: scale(1.1) translate3d(0, 0, 0); transform: scale(1.1) translate3d(0, 0, 0); opacity: 0; }
}
@-webkit-keyframes fromBottomLeft {
    from { -webkit-transform: translate3d(-50px, 50px, 0); transform: translate3d(-50px, 50px, 0); opacity: 0; }
}
@keyframes fromBottomLeft {
    from { -webkit-transform: translate3d(-50px, 50px, 0); transform: translate3d(-50px, 50px, 0); opacity: 0; }
}
@-webkit-keyframes fromTopLeft {
    from { -webkit-transform: translate3d(-50px, -50px, 0); transform: translate3d(-50px, -50px, 0); opacity: 0; }
}
@keyframes fromTopLeft {
    from { -webkit-transform: translate3d(-50px, -50px, 0); transform: translate3d(-50px, -50px, 0); opacity: 0; }
}
@-webkit-keyframes fromBottomRight {
    from { -webkit-transform: translate3d(50px, 50px, 0); transform: translate3d(50px, 50px, 0); opacity: 0; }
}
@keyframes fromBottomRight {
    from { -webkit-transform: translate3d(50px, 50px, 0); transform: translate3d(50px, 50px, 0); opacity: 0; }
}
@-webkit-keyframes fromTopRight {
    from { -webkit-transform: translate3d(50px, -50px, 0); transform: translate3d(50px, -50px, 0); opacity: 0; }
}
@keyframes fromTopRight {
    from { -webkit-transform: translate3d(50px, -50px, 0); transform: translate3d(50px, -50px, 0); opacity: 0; }
}
@-webkit-keyframes fadeIn {
    from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 0; }
}
@keyframes fadeIn {
    from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 0; }
}
@-webkit-keyframes fromBlur {
    from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); -webkit-filter: blur(10px); filter: blur(10px); opacity: 0; }
}
@keyframes fromBlur {
    from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); -webkit-filter: blur(10px); filter: blur(10px); opacity: 0; }
}

.animateOnEvent .ae-1  { -webkit-animation-delay: 10ms;   animation-delay: 10ms; }
.animateOnEvent .ae-2  { -webkit-animation-delay: 160ms;  animation-delay: 160ms; }
.animateOnEvent .ae-3  { -webkit-animation-delay: 310ms;  animation-delay: 310ms; }
.animateOnEvent .ae-4  { -webkit-animation-delay: 460ms;  animation-delay: 460ms; }
.animateOnEvent .ae-5  { -webkit-animation-delay: 610ms;  animation-delay: 610ms; }
.animateOnEvent .ae-6  { -webkit-animation-delay: 760ms;  animation-delay: 760ms; }
.animateOnEvent .ae-7  { -webkit-animation-delay: 910ms;  animation-delay: 910ms; }
.animateOnEvent .ae-8  { -webkit-animation-delay: 1060ms; animation-delay: 1060ms; }
.animateOnEvent .ae-9  { -webkit-animation-delay: 1210ms; animation-delay: 1210ms; }
.animateOnEvent .ae-10 { -webkit-animation-delay: 1360ms; animation-delay: 1360ms; }

.animateOnEvent.fast .ae-1,  .animateOnEvent .fast .ae-1.fast,  .animateOnEvent .ae-1.fast  { -webkit-animation-delay: 10ms;  animation-delay: 10ms; }
.animateOnEvent.fast .ae-2,  .animateOnEvent .fast .ae-2.fast,  .animateOnEvent .ae-2.fast  { -webkit-animation-delay: 110ms; animation-delay: 110ms; }
.animateOnEvent.fast .ae-3,  .animateOnEvent .fast .ae-3.fast,  .animateOnEvent .ae-3.fast  { -webkit-animation-delay: 210ms; animation-delay: 210ms; }
.animateOnEvent.fast .ae-4,  .animateOnEvent .fast .ae-4.fast,  .animateOnEvent .ae-4.fast  { -webkit-animation-delay: 310ms; animation-delay: 310ms; }
.animateOnEvent.fast .ae-5,  .animateOnEvent .fast .ae-5.fast,  .animateOnEvent .ae-5.fast  { -webkit-animation-delay: 410ms; animation-delay: 410ms; }
.animateOnEvent.fast .ae-6,  .animateOnEvent .fast .ae-6.fast,  .animateOnEvent .ae-6.fast  { -webkit-animation-delay: 510ms; animation-delay: 510ms; }
.animateOnEvent.fast .ae-7,  .animateOnEvent .fast .ae-7.fast,  .animateOnEvent .ae-7.fast  { -webkit-animation-delay: 610ms; animation-delay: 610ms; }
.animateOnEvent.fast .ae-8,  .animateOnEvent .fast .ae-8.fast,  .animateOnEvent .ae-8.fast  { -webkit-animation-delay: 710ms; animation-delay: 710ms; }
.animateOnEvent.fast .ae-9,  .animateOnEvent .fast .ae-9.fast,  .animateOnEvent .ae-9.fast  { -webkit-animation-delay: 810ms; animation-delay: 810ms; }
.animateOnEvent.fast .ae-10, .animateOnEvent .fast .ae-10.fast, .animateOnEvent .ae-10.fast { -webkit-animation-delay: 910ms; animation-delay: 910ms; }

.animateOnEvent.slow .ae-1,  .animateOnEvent .slow .ae-1,  .animateOnEvent .ae-1.slow  { -webkit-animation-delay: 10ms;   animation-delay: 10ms; }
.animateOnEvent.slow .ae-2,  .animateOnEvent .slow .ae-2,  .animateOnEvent .ae-2.slow  { -webkit-animation-delay: 210ms;  animation-delay: 210ms; }
.animateOnEvent.slow .ae-3,  .animateOnEvent .slow .ae-3,  .animateOnEvent .ae-3.slow  { -webkit-animation-delay: 410ms;  animation-delay: 410ms; }
.animateOnEvent.slow .ae-4,  .animateOnEvent .slow .ae-4,  .animateOnEvent .ae-4.slow  { -webkit-animation-delay: 610ms;  animation-delay: 610ms; }
.animateOnEvent.slow .ae-5,  .animateOnEvent .slow .ae-5,  .animateOnEvent .ae-5.slow  { -webkit-animation-delay: 810ms;  animation-delay: 810ms; }
.animateOnEvent.slow .ae-6,  .animateOnEvent .slow .ae-6,  .animateOnEvent .ae-6.slow  { -webkit-animation-delay: 1010ms; animation-delay: 1010ms; }
.animateOnEvent.slow .ae-7,  .animateOnEvent .slow .ae-7,  .animateOnEvent .ae-7.slow  { -webkit-animation-delay: 1210ms; animation-delay: 1210ms; }
.animateOnEvent.slow .ae-8,  .animateOnEvent .slow .ae-8,  .animateOnEvent .ae-8.slow  { -webkit-animation-delay: 1410ms; animation-delay: 1410ms; }
.animateOnEvent.slow .ae-9,  .animateOnEvent .slow .ae-9,  .animateOnEvent .ae-9.slow  { -webkit-animation-delay: 1610ms; animation-delay: 1610ms; }
.animateOnEvent.slow .ae-10, .animateOnEvent .slow .ae-10, .animateOnEvent .ae-10.slow { -webkit-animation-delay: 1810ms; animation-delay: 1810ms; }

.slides:not(.scroll) .rolling-element {
    transition: 1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.slides:not(.scroll).fast .rolling-element { transition-duration: 0.7s; }
.slides:not(.scroll).slow .rolling-element { transition-duration: 1.4s; }

.slides:not(.scroll) .slide.before .rolling-element              { -webkit-transform: translateY(100%);  transform: translateY(100%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-10       { -webkit-transform: translateY(10%);   transform: translateY(10%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-20       { -webkit-transform: translateY(20%);   transform: translateY(20%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-30       { -webkit-transform: translateY(30%);   transform: translateY(30%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-40       { -webkit-transform: translateY(40%);   transform: translateY(40%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-50       { -webkit-transform: translateY(50%);   transform: translateY(50%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-60       { -webkit-transform: translateY(60%);   transform: translateY(60%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-70       { -webkit-transform: translateY(70%);   transform: translateY(70%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-80       { -webkit-transform: translateY(80%);   transform: translateY(80%); }
.slides:not(.scroll) .slide.before .rolling-element.pct-90       { -webkit-transform: translateY(90%);   transform: translateY(90%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse       { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-10 { -webkit-transform: translateY(-10%); transform: translateY(-10%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-20 { -webkit-transform: translateY(-20%); transform: translateY(-20%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-30 { -webkit-transform: translateY(-30%); transform: translateY(-30%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-40 { -webkit-transform: translateY(-40%); transform: translateY(-40%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-50 { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-60 { -webkit-transform: translateY(-60%); transform: translateY(-60%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-70 { -webkit-transform: translateY(-70%); transform: translateY(-70%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-80 { -webkit-transform: translateY(-80%); transform: translateY(-80%); }
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-90 { -webkit-transform: translateY(-90%); transform: translateY(-90%); }

.slides:not(.scroll) .slide.after .rolling-element               { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-10        { -webkit-transform: translateY(-10%);  transform: translateY(-10%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-20        { -webkit-transform: translateY(-20%);  transform: translateY(-20%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-30        { -webkit-transform: translateY(-30%);  transform: translateY(-30%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-40        { -webkit-transform: translateY(-40%);  transform: translateY(-40%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-50        { -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-60        { -webkit-transform: translateY(-60%);  transform: translateY(-60%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-70        { -webkit-transform: translateY(-70%);  transform: translateY(-70%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-80        { -webkit-transform: translateY(-80%);  transform: translateY(-80%); }
.slides:not(.scroll) .slide.after .rolling-element.pct-90        { -webkit-transform: translateY(-90%);  transform: translateY(-90%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse        { -webkit-transform: translateY(100%);  transform: translateY(100%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-10 { -webkit-transform: translateY(10%);  transform: translateY(10%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-20 { -webkit-transform: translateY(20%);  transform: translateY(20%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-30 { -webkit-transform: translateY(30%);  transform: translateY(30%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-40 { -webkit-transform: translateY(40%);  transform: translateY(40%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-50 { -webkit-transform: translateY(50%);  transform: translateY(50%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-60 { -webkit-transform: translateY(60%);  transform: translateY(60%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-70 { -webkit-transform: translateY(70%);  transform: translateY(70%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-80 { -webkit-transform: translateY(80%);  transform: translateY(80%); }
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-90 { -webkit-transform: translateY(90%);  transform: translateY(90%); }
/***
 *      ____             _                                   _    ______  __  __          _
 *     |  _ \           | |                                 | |  |  ____|/ _|/ _|        | |
 *     | |_) | __ _  ___| | ____ _ _ __ ___  _   _ _ __   __| |  | |__  | |_| |_ ___  ___| |_ ___
 *     |  _ < / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` |  |  __| |  _|  _/ _ \/ __| __/ __|
 *     | |_) | (_| | (__|   < (_| | | | (_) | |_| | | | | (_| |  | |____| | | ||  __/ (__| |_\__ \
 *     |____/ \__,_|\___|_|\_\__, |_|  \___/ \__,_|_| |_|\__,_|  |______|_| |_| \___|\___|\__|___/
 *                            __/ |
 *                           |___/
 */
.slides.animated .kenBurns .background,
.slides.animated .kenBurns.zoomin .background,
.slides.animateOnEvent .kenBurns .background,
.slides.animateOnEvent .kenBurns.zoomin .background {
    -webkit-transform: scale(1.08) rotate(-0.02deg);
    transform: scale(1.08) rotate(-0.02deg);
    opacity: 0.2;
    z-index: 1;
}

.slides.animated .kenBurns:not(.video) .background,
.slides.animated .kenBurns.zoomin:not(.video) .background,
.slides.animateOnEvent .kenBurns:not(.video) .background,
.slides.animateOnEvent .kenBurns.zoomin:not(.video) .background {
    transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s ease, -webkit-transform 5s cubic-bezier(0.3, 0, 0.7, 1);
}

.animated .active.kenBurns:not(.video) .background,
.animated .active.kenBurns.zoomin:not(.video) .background,
.animated .active .kenBurns.zoomin:not(.video) .background,
.animateOnEvent .active.kenBurns:not(.video) .background,
.animateOnEvent .active.kenBurns.zoomin:not(.video) .background,
.animateOnEvent .active .kenBurns.zoomin:not(.video) .background {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slides.animated .kenBurns.zoomin:not(.video) .background,
.slides.animateOnEvent .kenBurns.zoomin:not(.video) .background {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.animated .active.kenBurns.zoomin:not(.video) .background,
.windows .slides.animated .active.kenBurns.zoomin:not(.video) .background,
.animateOnEvent .active.kenBurns.zoomin:not(.video) .background,
.windows .slides.animateOnEvent .active.kenBurns.zoomin:not(.video) .background {
    -webkit-transform: scale(1.08) rotate(-0.02deg);
    transform: scale(1.08) rotate(-0.02deg);
}

.mobile .kenBurns .background,
.mobile .kenBurns.zoomin .background {
    transition: transform 5s;
    transform: none;
}

.slides.animated .parallax:not(.video) .background,
.slides.animateOnEvent .parallax:not(.video) .background {
    -webkit-transform: translate3d(0, 0, 0) scale(1.25);
    transform: translate3d(0, 0, 0) scale(1.25);
    transition: transform-origin 1s, transform 1s, -webkit-transform-origin 1s, -webkit-transform 1s;
}

.slides.animated.fast .parallax:not(.video) .background,
.slides.animateOnEvent.fast .parallax:not(.video) .background {
    transition: transform-origin 0.6s, transform 0.6s, -webkit-transform-origin 0.6s, -webkit-transform 0.6s;
}

.slides.animated.slow .parallax:not(.video) .background,
.slides.animateOnEvent.slow .parallax:not(.video) .background {
    transition: transform-origin 1.4s, transform 1.4s, -webkit-transform-origin 1.4s, -webkit-transform 1.4s;
}

.slides.animated .parallax.animate:not(.video) .background,
.slides.animateOnEvent .parallax.animate:not(.video) .background {
    -webkit-transform-origin: center;
    transform-origin: center;
}

.slides.animated .slide.after.parallax:not(.video) .background,
.slides.animateOnEvent .slide.after.parallax:not(.video) .background {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.slides.animated .slide.before.parallax:not(.video) .background,
.slides.animateOnEvent .slide.before.parallax:not(.video) .background {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.slides.animated.horizontal .slide.after.parallax:not(.video) .background,
.slides.animateOnEvent.horizontal .slide.after.parallax:not(.video) .background {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.slides.animated.horizontal .slide.before.parallax:not(.video) .background,
.slides.animateOnEvent.horizontal .slide.before.parallax:not(.video) .background {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.slides.animated.zoom .slide.after.parallax:not(.video) .background,
.slides.animateOnEvent.zoom .slide.after.parallax:not(.video) .background,
.slides.animated.zoom .slide.before.parallax:not(.video) .background,
.slides.animateOnEvent.zoom .slide.before.parallax:not(.video) .background {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.slides.animated.zoom .slide.animate.parallax:not(.video) .background,
.slides.animateOnEvent.zoom .slide.animate.parallax:not(.video) .background {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
}

.slides.animated.plain .slide.after.parallax:not(.video) .background,
.slides.animateOnEvent.plain .slide.after.parallax:not(.video) .background,
.slides.animated.plain .slide.animate.parallax:not(.video) .background,
.slides.animateOnEvent.plain .slide.animate.parallax:not(.video) .background,
.slides.animated.plain .slide.before.parallax:not(.video) .background,
.slides.animateOnEvent.plain .slide.before.parallax:not(.video) .background {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.slides.animated .scenic:not(.video) .background,
.slides.animateOnEvent .scenic:not(.video) .background {
    -webkit-animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite;
    animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite;
}

@-webkit-keyframes scenic {
    50% { -webkit-transform: scale(1.5) rotate(-0.02deg); transform: scale(1.5) rotate(-0.02deg); }
}
@keyframes scenic {
    50% { -webkit-transform: scale(1.5) rotate(-0.02deg); transform: scale(1.5) rotate(-0.02deg); }
}

.scroll,
.mobile .simplifiedMobile {
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.scroll .content,
.mobile .simplifiedMobile .content {
    -webkit-overflow-scrolling: initial;
    overflow: hidden;
}

.scroll .wrap { overflow: hidden; }

.scroll .slide,
.scroll .slide .content,
.scroll .container,
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .content,
.mobile .simplifiedMobile .container {
    position: relative !important;
    height: auto;
    opacity: 1;
}

.mobile .simplifiedMobile .popup .content,
.mobile .simplifiedMobile .popup .container {
    position: absolute !important;
    height: 100%;
}

.scroll .container,
.mobile .simplifiedMobile .container { height: 100vh; }

.scroll .slide.autoHeight .container,
.mobile .slide.autoHeight .simplifiedMobile .container { height: auto; }

.scroll .slide .background,
.mobile .simplifiedMobile .slide .background { position: absolute !important; }

.scroll .slide:not(.autoHeight) .background,
.mobile .simplifiedMobile .slide:not(.autoHeight) .background { min-height: 100vh; }

.scroll .slide,
.scroll .slide.after,
.scroll .slide.before,
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before {
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
}

.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before { opacity: 1 !important; }

.page-loaded.sidebarShown .scroll .slide,
.page-loaded.mobile.sidebarShown .simplifiedMobile .slide {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    pointer-events: none;
    opacity: 0.5 !important;
}

.page-loaded .scroll .slide {
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s !important;
}

.mobile .simplifiedMobile [class*="ae-"] {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.scroll .parallax:not(.video) .background {
    -webkit-transform: translate3d(0, 0, 0) scale(1.25);
    transform: translate3d(0, 0, 0) scale(1.25);
    transition: none !important;
}

@-webkit-keyframes zoomOut {
    from { opacity: 0; -webkit-transform: scale(0.86); transform: scale(0.86); }
}
@keyframes zoomOut {
    from { opacity: 0; -webkit-transform: scale(0.86); transform: scale(0.86); }
}
@-webkit-keyframes riseUp {
    from { opacity: 0; -webkit-transform: scale(0.86) translateY(50px); transform: scale(0.86) translateY(50px); }
}
@keyframes riseUp {
    from { opacity: 0; -webkit-transform: scale(0.86) translateY(50px); transform: scale(0.86) translateY(50px); }
}

@media (max-width: 1023px) {
    .parallaxMotion:not(.responsive) .parallaxElement,
    .parallaxMotion .parallaxElement:not(.responsive) {
        -webkit-transform: none !important;
        transform: none !important;
    }
}

html { font-size: 6px; font-weight: 400; color: #202020; }

@media (max-width: 550px) { html { font-size: 5px; } }
@media (min-width: 767px) { html { font-size: 7px; } }
@media (min-width: 1024px) { html { font-size: 6px; } }

body { font-size: 15px; }

.typography .h1, .typography h1,
.typography .h2, .typography h2,
.typography .h3, .typography h3,
.typography .h4, .typography h4,
.typography .h5, .typography h5,
.typography .h6, .typography h6 { font-style: normal; letter-spacing: normal; }

.typography .h1.ultraLight, .typography h1.ultraLight,
.typography .h2.ultraLight, .typography h2.ultraLight,
.typography .h3.ultraLight, .typography h3.ultraLight,
.typography .h4.ultraLight, .typography h4.ultraLight,
.typography .h5.ultraLight, .typography h5.ultraLight,
.typography .h6.ultraLight, .typography h6.ultraLight { font-weight: 100; }

.typography .h1.light, .typography h1.light,
.typography .h2.light, .typography h2.light,
.typography .h3.light, .typography h3.light,
.typography .h4.light, .typography h4.light,
.typography .h5.light, .typography h5.light,
.typography .h6.light, .typography h6.light { font-weight: 300; }

.typography .h1.normal, .typography h1.normal,
.typography .h2.normal, .typography h2.normal,
.typography .h3.normal, .typography h3.normal,
.typography .h4.normal, .typography h4.normal,
.typography .h5.normal, .typography h5.normal,
.typography .h6.normal, .typography h6.normal { font-weight: 400; }

.typography .h1.semiBold, .typography h1.semiBold,
.typography .h2.semiBold, .typography h2.semiBold,
.typography .h3.semiBold, .typography h3.semiBold,
.typography .h4.semiBold, .typography h4.semiBold,
.typography .h5.semiBold, .typography h5.semiBold,
.typography .h6.semiBold, .typography h6.semiBold { font-weight: 500; letter-spacing: -0.05em; }

.typography .h1.bold, .typography h1.bold,
.typography .h2.bold, .typography h2.bold,
.typography .h3.bold, .typography h3.bold,
.typography .h4.bold, .typography h4.bold,
.typography .h5.bold, .typography h5.bold,
.typography .h6.bold, .typography h6.bold { font-weight: 600; letter-spacing: -0.04em; }

.typography .h1.ultraBold, .typography h1.ultraBold,
.typography .h2.ultraBold, .typography h2.ultraBold,
.typography .h3.ultraBold, .typography h3.ultraBold,
.typography .h4.ultraBold, .typography h4.ultraBold,
.typography .h5.ultraBold, .typography h5.ultraBold,
.typography .h6.ultraBold, .typography h6.ultraBold { font-weight: 800; letter-spacing: -0.03em; }

.typography .h1, .typography h1 {
    font-size: 8.4rem; line-height: 10rem;
    margin-top: 8rem; padding-top: 0.0138rem; padding-bottom: 0.9862rem; margin-bottom: 1rem;
}
.typography .h1.small, .typography h1.small {
    font-size: 6.4rem; line-height: 6rem;
    margin-top: 3rem; padding-top: 0.7248rem; padding-bottom: 0.2752rem; margin-bottom: 2rem;
}
.typography .h1.large, .typography h1.large {
    font-size: 9.6rem; line-height: 10rem;
    margin-top: 7rem; padding-top: 0.5872rem; padding-bottom: 0.4128rem; margin-bottom: 4rem;
}
.typography .h1.huge, .typography h1.huge {
    font-size: 14.6rem; line-height: 15rem;
    margin-top: 10rem; padding-top: 0.3097rem; padding-bottom: 0.6903rem; margin-bottom: 3rem;
}
.typography .h2, .typography h2 {
    font-size: 7.4rem; line-height: 8rem;
    margin-top: 6rem; padding-top: 0.3693rem; padding-bottom: 0.6307rem; margin-bottom: 1rem;
}
.typography .h2.small, .typography h2.small {
    font-size: 5.6rem; line-height: 6rem;
    margin-top: 4rem; padding-top: 0.0092rem; padding-bottom: 0.9908rem; margin-bottom: -1rem;
}
.typography .h2.large, .typography h2.large {
    font-size: 8.8rem; line-height: 9rem;
    margin-top: 6rem; padding-top: 0.3716rem; padding-bottom: 0.6284rem; margin-bottom: 1rem;
}
.typography .h2.huge, .typography h2.huge {
    font-size: 11.2rem; line-height: 12rem;
    margin-top: 8rem; padding-top: 0.0184rem; padding-bottom: 0.9816rem; margin-bottom: 1rem;
}
.typography .h3, .typography h3 {
    font-size: 6.4rem; line-height: 8rem;
    margin-top: 3rem; padding-top: 0.7248rem; padding-bottom: 0.2752rem; margin-bottom: 0;
}
.typography .h3.small, .typography h3.small {
    font-size: 4.8rem; line-height: 6rem;
    margin-top: 2rem; padding-top: 0.2936rem; padding-bottom: 0.7064rem; margin-bottom: -1rem;
}
.typography .h3.large, .typography h3.large {
    font-size: 8rem; line-height: 10rem;
    margin-top: 4rem; padding-top: 0.156rem; padding-bottom: 0.844rem; margin-bottom: 0;
}
.typography .h3.huge, .typography h3.huge {
    font-size: 9.6rem; line-height: 10rem;
    margin-top: 5rem; padding-top: 0.5872rem; padding-bottom: 0.4128rem; margin-bottom: 2rem;
}
.typography .h4, .typography h4 {
    font-size: 5.2rem; line-height: 6rem;
    margin-top: 4rem; padding-top: 0.1514rem; padding-bottom: 0.8486rem; margin-bottom: -1rem;
}
.typography .h5, .typography h5 {
    font-size: 4.4rem; line-height: 6rem;
    margin-top: 4rem; padding-top: 0.4358rem; padding-bottom: 0.5642rem; margin-bottom: -1rem;
}
.typography .h6, .typography h6 {
    font-size: 4rem; line-height: 4rem;
    margin-top: 3rem; padding-top: 0.578rem; padding-bottom: 0.422rem; margin-bottom: 0;
}

.typography p, .typography .p,
.typography .p:not(.hero) + p, .typography p:not(.hero) + p {
    font-size: 3.5rem; line-height: 5rem;
    margin-top: 0; padding-top: 0.25575rem; padding-bottom: 0.74425rem; margin-bottom: 1rem;
    text-rendering: optimizeLegibility;
}
.typography p.micro, .typography .p.micro,
.typography .p:not(.hero) + p.micro, .typography p:not(.hero) + p.micro {
    font-size: 2.6rem; line-height: 4rem;
    margin-top: 2rem; padding-top: 0.0757rem; padding-bottom: 0.9243rem; margin-bottom: -1rem;
}
.typography p.small, .typography .p.small,
.typography .p:not(.hero) + p.small, .typography p:not(.hero) + p.small {
    font-size: 3rem; line-height: 4rem;
    margin-top: 1rem; padding-top: 0.9335rem; padding-bottom: 0.0665rem; margin-bottom: 0;
}
.typography p.hero, .typography .p.hero,
.typography .p:not(.hero) + p.hero, .typography p:not(.hero) + p.hero {
    font-size: 5rem; line-height: 6rem;
    margin-top: 2rem; padding-top: 0.2225rem; padding-bottom: 0.7775rem; margin-bottom: 3rem;
    font-weight: 300; letter-spacing: -0.16rem;
}

.typography strong { font-weight: 600; }
.typography em     { font-weight: 500; }

.typography li {
    font-size: 3.5rem; line-height: 4rem;
    margin-top: -1rem; padding-top: 0.75575rem; padding-bottom: 0.24425rem; margin-bottom: 1rem;
    opacity: 0.8;
}

.typography ul, .typography ol { margin: 4rem 4rem 4rem 8rem; }
.typography ul li { list-style: disc; }
.typography ol li { list-style: decimal; }

.typography blockquote {
    font-size: 3.2rem; line-height: 4rem;
    margin-top: 5rem; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 5rem;
    padding-left: 4rem; padding-right: 4rem;
    margin-left: 4rem; margin-right: 4rem;
    opacity: 0.9;
    border-left: 5px solid #eee;
}

.typography q {
    font-size: 3.2rem; line-height: 4rem;
    margin-top: 5rem; padding-top: 0.8624rem; padding-bottom: 0.1376rem; margin-bottom: 6rem;
    padding-left: 4rem; padding-right: 4rem;
    opacity: 0.9;
    display: block;
}

.typography q::before,
.typography q::after { font-size: 5rem; line-height: 0.1rem; vertical-align: -1rem; }

.typography q::before { content: "\201C"; margin-right: 1rem; }
.typography q::after  { content: "\201D"; margin-left: 1rem; }

@media (min-width: 768px) {
    .article p, .article li { font-weight: 300; }
}
@media (max-width: 550px) {
    .article h1, .article .h2, .article .h3, .article h4, .article h5, .article h6 { opacity: 0.8; }
}

.white  { background: #fff !important; color: #202020 !important; }
.text-white { color: #fff !important; }
.stroke.button.white { color: #fff !important; border-color: #fff !important; }

.black  { background: #202020 !important; color: #fff !important; }
.text-black { color: #202020 !important; }
.stroke.button.black { color: #202020 !important; border-color: #202020 !important; }

.red        { background: #f44336 !important; color: #fff !important; }
.text-red   { color: #f44336 !important; }
.stroke.button.red { color: #f44336 !important; border-color: #f44336 !important; }

.pink       { background: #e91e63 !important; color: #fff !important; }
.text-pink  { color: #e91e63 !important; }
.stroke.button.pink { color: #e91e63 !important; border-color: #e91e63 !important; }

.purple     { background: #9c27b0 !important; color: #fff !important; }
.text-purple { color: #9c27b0 !important; }
.stroke.button.purple { color: #9c27b0 !important; border-color: #9c27b0 !important; }

.deepPurple     { background: #673ab7 !important; color: #fff !important; }
.text-deepPurple { color: #673ab7 !important; }
.stroke.button.deepPurple { color: #673ab7 !important; border-color: #673ab7 !important; }

.indigo     { background: #3f51b5 !important; color: #fff !important; }
.text-indigo { color: #3f51b5 !important; }
.stroke.button.indigo { color: #3f51b5 !important; border-color: #3f51b5 !important; }

.blue       { background: #2196f3 !important; color: #fff !important; }
.text-blue  { color: #2196f3 !important; }
.stroke.button.blue { color: #2196f3 !important; border-color: #2196f3 !important; }

.cyan       { background: #00bcd4 !important; color: #fff !important; }
.text-cyan  { color: #00bcd4 !important; }
.stroke.button.cyan { color: #00bcd4 !important; border-color: #00bcd4 !important; }

.teal       { background: #009688 !important; color: #fff !important; }
.text-teal  { color: #009688 !important; }
.stroke.button.teal { color: #009688 !important; border-color: #009688 !important; }

.green      { background: #4caf50 !important; color: #fff !important; }
.text-green { color: #4caf50 !important; }
.stroke.button.green { color: #4caf50 !important; border-color: #4caf50 !important; }

.lightGreen     { background: #8bc34a !important; color: #fff !important; }
.text-lightGreen { color: #8bc34a !important; }
.stroke.button.lightGreen { color: #8bc34a !important; border-color: #8bc34a !important; }

.lime       { background: #cddc39 !important; color: #fff !important; }
.text-lime  { color: #cddc39 !important; }
.stroke.button.lime { color: #cddc39 !important; border-color: #cddc39 !important; }

.yellow     { background: #ffeb3b !important; color: #202020 !important; }
.text-yellow { color: #ffeb3b !important; }
.stroke.button.yellow { color: #ffeb3b !important; border-color: #ffeb3b !important; }

.amber      { background: #ffc107 !important; color: #fff !important; }
.text-amber { color: #ffc107 !important; }
.stroke.button.amber { color: #ffc107 !important; border-color: #ffc107 !important; }

.orange     { background: #ff9800 !important; color: #fff !important; }
.text-orange { color: #ff9800 !important; }
.stroke.button.orange { color: #ff9800 !important; border-color: #ff9800 !important; }

.deepOrange     { background: #ff5722 !important; color: #fff !important; }
.text-deepOrange { color: #ff5722 !important; }
.stroke.button.deepOrange { color: #ff5722 !important; border-color: #ff5722 !important; }

.brown      { background: #795548 !important; color: #fff !important; }
.text-brown { color: #795548 !important; }
.stroke.button.brown { color: #795548 !important; border-color: #795548 !important; }

.gray       { background: #9d9d9d !important; color: #fff !important; }
.text-gray  { color: #9d9d9d !important; }
.stroke.button.gray { color: #9d9d9d !important; border-color: #9d9d9d !important; }

.blueGray     { background: #607d8b !important; color: #fff !important; }
.text-blueGray { color: #607d8b !important; }
.stroke.button.blueGray { color: #607d8b !important; border-color: #607d8b !important; }

.social-facebook    { background: #3b5998 !important; color: #fff !important; }
.text-social-facebook { color: #3b5998 !important; }
.stroke.button.social-facebook { color: #3b5998 !important; border-color: #3b5998 !important; }

.social-twitter     { background: #55acee !important; color: #fff !important; }
.text-social-twitter { color: #55acee !important; }
.stroke.button.social-twitter { color: #55acee !important; border-color: #55acee !important; }

.social-googlePlus     { background: #dd4330 !important; color: #fff !important; }
.text-social-googlePlus { color: #dd4330 !important; }
.stroke.button.social-googlePlus { color: #dd4330 !important; border-color: #dd4330 !important; }

.social-behance     { background: #105dfb !important; color: #fff !important; }
.text-social-behance { color: #105dfb !important; }
.stroke.button.social-behance { color: #105dfb !important; border-color: #105dfb !important; }

.social-medium     { background: #12100e !important; color: #fff !important; }
.text-social-medium { color: #12100e !important; }
.stroke.button.social-medium { color: #12100e !important; border-color: #12100e !important; }

.social-stumbleupon     { background: #eb4924 !important; color: #fff !important; }
.text-social-stumbleupon { color: #eb4924 !important; }
.stroke.button.social-stumbleupon { color: #eb4924 !important; border-color: #eb4924 !important; }

.social-linkedin     { background: #0077b5 !important; color: #fff !important; }
.text-social-linkedin { color: #0077b5 !important; }
.stroke.button.social-linkedin { color: #0077b5 !important; border-color: #0077b5 !important; }

.social-pinterest     { background: #cc2127 !important; color: #fff !important; }
.text-social-pinterest { color: #cc2127 !important; }
.stroke.button.social-pinterest { color: #cc2127 !important; border-color: #cc2127 !important; }

.social-instagram     { background: #e4405f !important; color: #fff !important; }
.text-social-instagram { color: #e4405f !important; }
.stroke.button.social-instagram { color: #e4405f !important; border-color: #e4405f !important; }

.social-tumblr     { background: #34455d !important; color: #fff !important; }
.text-social-tumblr { color: #34455d !important; }
.stroke.button.social-tumblr { color: #34455d !important; border-color: #34455d !important; }

.social-dribbble     { background: #ea4c89 !important; color: #fff !important; }
.text-social-dribbble { color: #ea4c89 !important; }
.stroke.button.social-dribbble { color: #ea4c89 !important; border-color: #ea4c89 !important; }

.social-youtube     { background: #fc0d1c !important; color: #fff !important; }
.text-social-youtube { color: #fc0d1c !important; }
.stroke.button.social-youtube { color: #fc0d1c !important; border-color: #fc0d1c !important; }

.social-delicious     { background: #3399ff !important; color: #fff !important; }
.text-social-delicious { color: #3399ff !important; }
.stroke.button.social-delicious { color: #3399ff !important; border-color: #3399ff !important; }

.social-digg     { background: #000 !important; color: #fff !important; }
.text-social-digg { color: #000 !important; }
.stroke.button.social-digg { color: #000 !important; border-color: #000 !important; }

.social-vimeo     { background: #fff !important; color: #1ab7ea !important; }
.text-social-vimeo { color: #fff !important; }
.stroke.button.social-vimeo { color: #fff !important; border-color: #fff !important; }

.social-whatsapp     { background: #25d366 !important; color: #fff !important; }
.text-social-whatsapp { color: #25d366 !important; }
.stroke.button.social-whatsapp { color: #25d366 !important; border-color: #25d366 !important; }

.social-xing     { background: #026466 !important; color: #fff !important; }
.text-social-xing { color: #026466 !important; }
.stroke.button.social-xing { color: #026466 !important; border-color: #026466 !important; }

.grid {
    margin-left: -2%;
    margin-right: -2%;
}

.grid [class*="col-"] {
    display: block;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
}

.grid.fixedSpaces              { margin-left: -10px; margin-right: -10px; }
.grid.fixedSpaces > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.grid.noSpaces                 { margin-left: 0; margin-right: 0; }
.grid.noSpaces > [class*="col-"] { padding-left: 0; padding-right: 0; }
.grid .toLeft[class*="col-"]   { margin-left: 0 !important; margin-right: auto !important; }
.grid .toRight[class*="col-"]  { margin-right: 0 !important; margin-left: auto !important; float: right; }
.grid .toCenter[class*="col-"] { margin-left: auto !important; margin-right: auto !important; }

.grid > .col-1-12  { max-width: 8.33333%; }
.grid > .col-2-12  { max-width: 16.66667%; }
.grid > .col-3-12  { max-width: 25%; }
.grid > .col-4-12  { max-width: 33.33333%; }
.grid > .col-5-12  { max-width: 41.66667%; }
.grid > .col-6-12  { max-width: 50%; }
.grid > .col-7-12  { max-width: 58.33333%; }
.grid > .col-8-12  { max-width: 66.66667%; }
.grid > .col-9-12  { max-width: 75%; }
.grid > .col-10-12 { max-width: 83.33333%; }
.grid > .col-11-12 { max-width: 91.66667%; }
.grid > .col-12-12 { max-width: 100%; }
.grid > .col-1-10  { max-width: 10%; }
.grid > .col-2-10  { max-width: 20%; }
.grid > .col-3-10  { max-width: 30%; }
.grid > .col-4-10  { max-width: 40%; }
.grid > .col-5-10  { max-width: 50%; }
.grid > .col-6-10  { max-width: 60%; }
.grid > .col-7-10  { max-width: 70%; }
.grid > .col-8-10  { max-width: 80%; }
.grid > .col-9-10  { max-width: 90%; }
.grid > .col-10-10 { max-width: 100%; }

.grid + .grid { margin-top: 20px; }

.grid::after { content: ""; display: table; clear: both; }

@media (max-width: 1239px) {
    .grid > .col-desktop-1-1  { max-width: 100% !important; }
    .grid > .col-desktop-1-2  { max-width: 50% !important; }
    .grid > .col-desktop-1-3  { max-width: 33.33333333% !important; }
    .grid > .col-desktop-2-3  { max-width: 66.66666666% !important; }
    .grid > .col-desktop-1-4  { max-width: 25% !important; }
    .grid > .col-desktop-3-4  { max-width: 75% !important; }
}

@media (max-width: 1023px) {
    .grid:not(.later) > [class*="col-"]:not([class*="col-phablet-"]):not([class*="col-phone-"]) { max-width: 100%; }
    .grid > .col-tablet-1-1   { max-width: 100% !important; }
    .grid > .col-tablet-1-2   { max-width: 50% !important; }
    .grid > .col-tablet-1-3   { max-width: 33.33333333% !important; }
    .grid > .col-tablet-2-3   { max-width: 66.66666666% !important; }
    .grid > .col-tablet-1-4   { max-width: 25% !important; }
    .grid > .col-tablet-3-4   { max-width: 75% !important; }
    .grid > .col-tablet-1-5   { max-width: 20% !important; }
    .grid > .col-tablet-2-5   { max-width: 40% !important; }
    .grid > .col-tablet-3-5   { max-width: 60% !important; }
    .grid > .col-tablet-4-5   { max-width: 80% !important; }
}

@media (max-width: 767px) {
    .grid.later > [class*="col-"]:not([class*="col-phone-"]) { max-width: 100%; }
    .grid > .col-phablet-1-1  { max-width: 100% !important; }
    .grid > .col-phablet-1-2  { max-width: 50% !important; }
    .grid > .col-phablet-1-3  { max-width: 33.33333333% !important; }
    .grid > .col-phablet-1-4  { max-width: 25% !important; }
    .grid > .col-phablet-3-4  { max-width: 75% !important; }
}

@media (max-width: 435px) {
    .grid > [class*="col-"]   { max-width: 100%; }
    .grid > .col-phone-1-1    { max-width: 100% !important; }
    .grid > .col-phone-1-2    { max-width: 50% !important; }
    .grid > .col-phone-1-3    { max-width: 33.33333333% !important; }
    .grid > .col-phone-2-3    { max-width: 66.66666666% !important; }
}

.flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    margin-right: -2%;
}

.flex > [class*="col-"] { padding-left: 2%; padding-right: 2%; }

.flex.fixedSpaces              { margin-left: -14px; margin-right: -14px; }
.flex.fixedSpaces > [class*="col-"] { padding-left: 14px; padding-right: 14px; }
.flex.noSpaces                 { margin-left: 0; margin-right: 0; }
.flex.noSpaces > [class*="col-"] { padding-left: 0; padding-right: 0; }

.flex.verticalCenter   { align-items: center; }
.flex.verticalBottom   { align-items: flex-end; }
.flex.horizontalCenter { justify-content: center; }
.flex.reverse          { flex-wrap: wrap-reverse; }

.flex.bottom [class*="col-"], .flex.reverse.top [class*="col-"]    { align-self: flex-end; }
.flex.top [class*="col-"],    .flex.reverse.bottom [class*="col-"] { align-self: flex-start; }

.flex > .col-1-12  { width: 8.33333%; }
.flex > .col-2-12  { width: 16.66667%; }
.flex > .col-3-12  { width: 25%; }
.flex > .col-4-12  { width: 33.33333%; }
.flex > .col-5-12  { width: 41.66667%; }
.flex > .col-6-12  { width: 50%; }
.flex > .col-7-12  { width: 58.33333%; }
.flex > .col-8-12  { width: 66.66667%; }
.flex > .col-9-12  { width: 75%; }
.flex > .col-10-12 { width: 83.33333%; }
.flex > .col-11-12 { width: 91.66667%; }
.flex > .col-12-12 { width: 100%; }
.flex > .col-1-10  { width: 10%; }
.flex > .col-2-10  { width: 20%; }
.flex > .col-3-10  { width: 30%; }
.flex > .col-4-10  { width: 40%; }
.flex > .col-5-10  { width: 50%; }
.flex > .col-6-10  { width: 60%; }
.flex > .col-7-10  { width: 70%; }
.flex > .col-8-10  { width: 80%; }
.flex > .col-9-10  { width: 90%; }
.flex > .col-10-10 { width: 100%; }

@media (max-width: 1023px) {
    .flex:not(.later) > [class*="col-"]:not([class*="col-phablet-"]):not([class*="col-phone-"]) { width: 100%; }
    .flex > .col-tablet-1-1   { width: 100% !important; }
    .flex > .col-tablet-1-2   { width: 50% !important; }
    .flex > .col-tablet-1-3   { width: 33.33333333% !important; }
    .flex > .col-tablet-2-3   { width: 66.66666666% !important; }
    .flex > .col-tablet-1-4   { width: 25% !important; }
    .flex > .col-tablet-3-4   { width: 75% !important; }
    .flex > .col-tablet-1-5   { width: 20% !important; }
    .flex > .col-tablet-2-5   { width: 40% !important; }
    .flex > .col-tablet-3-5   { width: 60% !important; }
    .flex > .col-tablet-4-5   { width: 80% !important; }
}

@media (max-width: 767px) {
    .flex.later > [class*="col-"]:not([class*="col-phone-"]) { width: 100%; }
    .flex > .col-phablet-1-1  { width: 100% !important; }
    .flex > .col-phablet-1-2  { width: 50% !important; }
    .flex > .col-phablet-1-3  { width: 33.33333333% !important; }
    .flex > .col-phablet-2-3  { width: 66.66666666% !important; }
    .flex > .col-phablet-1-4  { width: 25% !important; }
    .flex > .col-phablet-3-4  { width: 75% !important; }
}

@media (max-width: 435px) {
    .flex > [class*="col-"]   { width: 100%; }
    .flex > .col-phone-1-1    { width: 100% !important; }
    .flex > .col-phone-1-2    { width: 50% !important; }
    .flex > .col-phone-1-3    { width: 33.33333333% !important; }
    .flex > .col-phone-2-3    { width: 66.66666666% !important; }
}

/*
*       _____          _             
*      |  __ \( )     | |            
*      | |  | |_  __ _| | ___   __ _ 
*      | |  | | |/ _` | |/ _ \ / _` |
*      | |__| | | (_| | | (_) | (_| |
*      |_____/|_|\__,_|_|\___/ \__, |
*                                _/ |
*      Dialog Window            /__/
*
*/
.dialogContainer {
  pointer-events: none;
}
.dialogContainer,
.dialog {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 300;
}
.dialog {
  pointer-events: all;
  color: #303030;
  border-radius: 4px;
  max-width: 350px;
  box-shadow: 0 1px 4px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.1);
  cursor: default;
  opacity: .98;
  line-height: 1.3;
  background: #fff;
  margin: 12px 20px;
  overflow: hidden;
  text-align: left;
  transform: translate3d(0,0,0);
  transition: all .75s, height 0s;
  transition-timing-function: cubic-bezier(.25,1.37,.44,.93);
  -webkit-tap-highlight-color: transparent;
}
.dialog.rectangular {
  border-radius: 0;
}
.dialog.rounded {
  border-radius: 6px;
}
.dialog:hover {
  opacity: 1;
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  transition: .35s;
}
.dialog .button.small {
  margin-left: 4px;
  margin-right: 4px;
}
.dialog .button {
  margin-left: 7px;
  margin-right: 7px;
}
.dialogContainer > .dialog {
  position: relative;
}
.dialog.hidden {
  display: none;
}
.dialog.hide {
  transform: scale(.5);
  opacity: 0 !important;
  transition: height 0s, opacity .5s, transform .5s !important;
}
.dialog.reveal {
  transition: 0s !important;
}
.dialog .close {
  padding: 12px;
  position: absolute;
  font-size: 0;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: .35s;
  opacity: 0;
  z-index: 10;
}
.dialog .close:after,
.dialog .close:before {
  content: "";
  width: 14px;
  height: 2px;
  border-radius: 2px;
  background: #202020;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
}
.dialog .close:before {
  transform: rotate(-45deg);
}
.dialog .close:active {
  opacity: 1;
}
.dialog .close.white {
  background: transparent !important;
}
.dialog .close.white:after,
.dialog .close.white:before {
  background: #fff;
}
.dialog:hover .close {
  opacity: .2;
}
.dialog .close:hover,
.mobile .dialog .close {
  opacity: 1 !important;
}
.dialog .dialogContent {
  padding: 20px;
}
.dialog .avatar {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 15px;
}
.dialog .avatar + .text {
  width: calc(100% - 70px);
  margin-left: 70px;
}
.dialog .title {
  margin: 8px 0;
  font-weight: 500;
}
.dialog ul {
  display: table;
  width: 100%;
  font-size: 0;
  font-weight: 600;
  box-shadow: 0 1px 0 rgba(0,0,0,.1) inset;
}
.dialog .hiddenContent {
  overflow: hidden;
  display: block;
  max-height: 0;
  opacity: 0;
  transition: .5s;
}
html:not(.page-loaded) .dialog {
  transform: scale(.5) translateY(100%);
  opacity: 0;
}
.dialog:hover .hiddenContent,
.dialog.hover .hiddenContent {
  max-height: 90px;
  opacity: 1;
}
.dialog [data-href],
.dialog [data-dialog-action="close"] {
  cursor: pointer;
}
.dialog li {
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  display: table-cell;
  width: 33.33333%;
  text-align: center;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
  text-decoration: none;
  border-bottom: none;
  transition: .25s;
  box-shadow: inset 0 -100px 0 rgba(41,41,41,0);
}
.dialog li .material-icons {
  position: relative;
  margin-bottom: 13px;
  top: 6px;
  margin-right: 8px;
}
.dialog li .material-icons.right {
  margin-right: 0;
  margin-left: 8px;
}
.dialog li svg {
  width: 20px;
  height: 20px;
  margin-bottom: -6px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.dialog li svg.right {
  margin-right: 0;
  margin-left: 8px;
}
.dialog li {
  border-left: 1px solid rgba(0,0,0,.1);
}
.dialog li:first-child {
  border-left: none;
}
.dialog li:hover {
  box-shadow: inset 0 -100px 0 rgba(0,0,0,.05);
}
.dialog li input {
  font-size: 16px;
  width: 250px;
  border: none;
  padding: 13px 5px 16px 15px;
  outline: none;
  margin: 1px 0 0;
  color: #202020;
  height: 50px;
  box-shadow: none !important;
  appearance: none;
}
@media (max-width: 414px) {
  .dialog {
    margin: 10px;
    max-width: 100%;
  }
}
.dialogContainer:not(.bottom) .dialog + .dialog {
  margin-bottom: 0;
}
.dialogContainer.bottom .dialog + .dialog {
  margin-top: 0;
}
.dialogContainer.bottom,
.dialog.bottom {
  top: inherit;
  bottom: 0;
}
.dialogContainer.left,
.dialog.left {
  right: inherit;
  left: 0;
}
.iphone-5.shiftImage {
  margin: 0 0 -129%;
}
.ipad-6.shiftImage {
  margin: 0 0 -70%;
}
.button.play.button-7 {
  margin: 0 30px;
}
@media (max-width: 1279px) {
  .button.play.button-7 {
    display: block;
    margin: 30px auto;
  }
}
@media (min-width: 768px) {
  form.slides-form .input-8 {
    max-width: 220px;
  }
}
@media (min-width: 768px) {
  form.slides-form .input-9 {
    max-width: 220px;
  }
}
@media (min-width: 768px) {
  form.slides-form .input-12 {
    max-width: 220px;
  }
}
form input[type="text"].input-13,
form input[type="name"].input-13,
form input[type="email"].input-13 {
  max-width: 300px;
}
.header-18 {
  font-size: 70px;
}
.video-18 {
  margin-top: 34px;
}
.icon-26 {
  margin-right: 4px;
}
.app-26 {
  width: 70px;
  position: absolute;
  left: 0;
}
.app-27 {
  width: 100px;
  padding-bottom: 20px;
}
.icon-27 {
  margin-right: 4px;
}
@media (min-width: 768px) {
  .iphone-28 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (min-width: 768px) {
  .iphone-29 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
.image-31 {
  padding-top: 35px;
}
.avatar-31 {
  border-radius: 50px;
  position: absolute;
  margin-left: 7px;
}
@media (min-width: 1024px) {
  .ipad-31 {
    margin: -10% 0 -115%;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .ipad-32 {
    margin: -10% 0 -115%;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .ipad-33 {
    margin: -10% 0 -115%;
    max-width: none;
  }
}
.iphone-35 {
  margin-bottom: -45%;
}
.ipad-36 {
  margin: -10px 0 -50%;
}
.avatar-41 {
  border-radius: 50px;
  margin: 10px 5px 5px;
}
.form-42 {
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .form-42 .form-42-input-1 input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .form-42 .form-42-input-2 input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    left: -1px;
  }
}
p.remind-43 {
  max-width: 350px;
  line-height: 1.29;
  margin: 13px auto;
  text-align: center;
}
.fix-45 {
  max-width: 210px;
}
@media (max-width: 767px) {
  .box-46 {
    margin-bottom: 30px;
  }
}
.slide.whiteSlide .box-46 .shadow {
  box-shadow: none;
}
.grid-47 .material-icons {
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 36px;
}
.grid-48 .material-icons {
  margin-bottom: 30px;
  margin-top: 15px;
  font-size: 72px;
}
.grid-49 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 72px;
}
.form-55 {
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .form-55 .form-55-input-1 input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0;
  }
  .form-55 .form-55-input-2 input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    position: relative;
    left: -1px;
  }
}
.form-55 [data-success-class="message-sent"].message-sent {
  background: #4caf50 !important;
}
.pad-59 {
  border-radius: 6px;
  padding: 6%;
}
.grid-61 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 36px;
}
@media (min-width: 1024px) {
  img.macbook-61 {
    margin: -15% -100% -30% -135% !important;
    width: 225%;
    max-width: none;
  }
}
.grid-62 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 48px;
}
@media (min-width: 1024px) {
  img.macbook-62 {
    margin: -15% -100% -30% 10% !important;
    width: 225%;
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .image-62 {
    padding-top: 35px;
  }
}
.grid-64 {
  padding-top: 15px;
}
.grid-64 .material-icons {
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 36px;
}
.grid-64 > li:not(:last-child) {
  margin-bottom: 20px;
}
.grid-64 .cell-64 {
  padding: 20px 30px;
  position: relative;
  display: block;
  transition: .25s;
  border: 1px solid rgba(255,255,255,.3);
  color: #fff;
}
.grid-64 .cell-64.rounded {
  border-radius: 6px;
}
.grid-64 .cell-64:hover {
  background: #fff;
  color: #202020;
  opacity: 1;
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  border-color: transparent !important;
}
.slide.whiteSlide .grid-64 .cell-64 {
  border: 1px solid #e5e5e5;
}
.grid.grid-65 > li {
  position: relative;
  padding-left: 55px;
  padding-bottom: 30px;
}
.grid-65 .material-icons {
  position: absolute;
  left: 0;
  top: -5px;
  font-size: 36px;
}
@media (max-width: 767px) {
  .grid.grid-65 > li {
    padding-left: 60px;
  }
  .grid-65 .material-icons {
    left: 0;
  }
}
.box-67 {
  color: #202020;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.1);
  display: block;
  outline: none;
  margin-bottom: 35px;
  backface-visibility: hidden;
}
.box-67 .thumbnail-67 {
  font-size: 0;
  overflow: hidden;
}
.box-67 .thumbnail-67 img {
  border-radius: 6px 6px 0 0;
  backface-visibility: hidden;
  transition: .35s;
}
.box-67:hover {
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  opacity: .95;
}
.box-67:hover .thumbnail-67 img {
  transform: scale(1.0225);
}
.box-67 .name-67 {
  padding: 19px 15px 25px;
  background: #fff;
}
.slide.whiteSlide .tintLogos {
  filter: brightness(.2);
}
.slide:not(.whiteSlide) .tintLogos {
  filter: brightness(1.3);
}
.grid-68 a {
  display: inline-block;
  margin-top: 14px;
  margin-bottom: 14px;
  opacity: .9;
  transition: opacity .1s ease-in, transform .15s cubic-bezier(.5,0,.25,2.5);
}
.grid-68 a:hover {
  opacity: 1;
  transform: scale(1.05);
}
.grid-69 {
  margin-left: -8px;
  margin-right: -8px;
}
.grid-69 [class*="col-"] {
  padding-bottom: 10px;
  padding-top: 10px;
}
.grid-69 [class*="col-"].selected {
  cursor: pointer;
  pointer-events: all;
}
.grid-69 .box-69 {
  display: block;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-size: cover;
  cursor: zoom-in;
  color: #fff;
}
.grid-69 .box-69.rounded {
  overflow: hidden;
  border-radius: 6px;
}
.grid-69 .box-69:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #cdced2;
  opacity: 0;
  transition: .5s;
}
.grid-69 .box-69 .cell-69 {
  outline: none;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 20px;
  z-index: 10;
  opacity: 0;
  transition: .5s;
  color: #202020;
  transform: translateY(10px);
}
.grid-69 .box-69:hover {
  opacity: 1;
}
.grid-69 .box-69:hover .cell-69 {
  opacity: 1;
  transform: translateY(0);
}
.grid-69 .box-69:hover:after {
  opacity: .98;
}
.info-70 {
  padding: 13%;
}
.grid-71 {
  padding-top: 15px;
}
.grid-71 .material-icons {
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 36px;
}
.grid-71 > li:not(:last-child) {
  margin-bottom: 20px;
}
.grid-71 .cell-71 {
  padding: 20px 30px;
  position: relative;
  display: block;
  transition: .25s;
  border: 1px solid rgba(255,255,255,.3);
  color: #fff;
}
.grid-71 .cell-71.rounded {
  border-radius: 6px;
}
.grid-71 .cell-71:hover {
  background: #fff;
  color: #202020;
  opacity: 1;
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  border-color: transparent !important;
}
.slide.whiteSlide .grid-71 .cell-71 {
  border: 1px solid #e5e5e5;
}
.grid-73 {
  padding-top: 15px;
}
.grid-73 .material-icons {
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 36px;
}
.grid-73 > li:not(:last-child) {
  margin-bottom: 20px;
}
.grid-73 .cell-73 {
  padding: 20px 30px;
  position: relative;
  display: block;
  transition: .25s;
  border: 1px solid rgba(255,255,255,.3);
  color: #fff;
}
.grid-73 .cell-73.rounded {
  border-radius: 6px;
}
.grid-73 .cell-73:hover {
  background: #fff;
  color: #202020;
  opacity: 1;
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  border-color: transparent !important;
}
.slide.whiteSlide .grid-73 .cell-73 {
  border: 1px solid #e5e5e5;
}
.image-73.shiftImageVertical.shiftImage {
  margin: -13% 0 -6%;
}
.grid.grid-74 {
  margin-left: -12px;
  margin-right: -12px;
}
.grid.grid-74 > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
}
.box-74 {
  color: #202020;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.1);
  display: block;
  outline: none;
  margin-bottom: 25px;
  backface-visibility: hidden;
}
.box-74:hover {
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  opacity: .95;
}
.box-74 .name-74 {
  padding: 20px 20px 30px;
  background: #fff;
  border-radius: 0 0 6px 0;
}
.box-74 .thumbnail-74 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.box-74 .thumbnail-74 img {
  border-radius: 6px 6px 0 0;
  transition: .5s;
}
.slider[data-slider-id="75-0"].animated.fromAbove [class*="ae-"]:not(.done) {
  transform: scale(1) translate3d(0,0,0);
}
.button.button-76 {
  width: 54px;
  height: 54px;
  padding: 17px 19px;
  font-size: 0;
}
.button.button-76 svg {
  width: 18px;
  height: 18px;
}
@media (min-width: 1024px) {
  .iphone-76 {
    max-width: none;
    margin-top: 60px;
  }
}
.text-76 {
  line-height: 1.75;
  opacity: 1;
  margin: 0 0 0 77px;
  padding-top: 3px;
}
@media (max-width: 569px) {
  .button.button-76,
  .text-76 {
    float: left;
  }
  .text-76 strong {
    display: block;
  }
  .text-76 {
    font-size: 20px;
    top: -4px;
  }
}
.grid.grid-77 {
  margin-left: -12px;
  margin-right: -12px;
}
.grid.grid-77 > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 1278px) {
  .grid.grid-77 > [class*="col-"] {
    max-width: 50%;
  }
}
.box-77 {
  color: #202020;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.1);
  display: block;
  outline: none;
  margin: 10px 0;
  backface-visibility: hidden;
}
.box-77:hover {
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  opacity: 1;
}
.box-77 .thumbnail-77 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.box-77 .thumbnail-77 img {
  border-radius: 6px 6px 0 0;
  transition: .5s;
}
.box-77 .thumbnail-77.video:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../assets/svg/video-icon.svg") no-repeat center / 54px;
  transition: .35s;
}
.box-77:hover .thumbnail-77.video:after {
  background-color: rgba(0,0,0,.1);
  transform: scale(1.1);
}
.box-77 .author-77 {
  background: #fff;
  border-top: 1px solid #ebebeb;
  padding-top: 18px;
  margin-top: 25px;
  position: relative;
  padding-left: 40px;
  padding-bottom: 2px;
}
.box-77 .avatar-77 {
  position: absolute;
  top: 15px;
  left: 0;
  border-radius: 50px;
}
.details-77 {
  padding: 20px 18px 15px;
  background: #fff;
  border-radius: 0 0 6px 0;
}
.details-77 .cell {
  text-align: left;
}
.author-79 {
  position: relative;
  margin: 0 auto;
  max-width: 300px;
  padding-left: 85px;
  padding-top: 5px;
}
.author-79 .avatar-79 {
  position: absolute;
  top: 0;
  left: 0;
}
.author-79 h3 {
  margin-bottom: 10px;
}
.grid-79 > [class*="col-"] {
  position: relative;
  padding: 5px 30px 0 55px;
}
.grid-79 > [class*="col-"] .material-icons {
  font-size: 35px;
  margin-bottom: 13px;
  position: absolute;
  left: 0;
  top: 0;
}
.grid-80 > [class*="col-"] {
  margin-bottom: 25px;
}
.box-80 {
  border: 1px solid rgba(255,255,255,.3);
}
.box-80.rounded {
  border-radius: 6px;
}
.slide.whiteSlide .box-80 {
  border-color: #e5e5e5;
}
.leftControl-82,
.rightControl-82 {
  position: absolute;
  top: 50%;
  margin-top: -56px;
  margin-left: -60px;
  cursor: pointer;
  transition: .35s;
}
.leftControl-82 svg,
.rightControl-82 svg {
  width: 29px;
  height: 56px;
}
.leftControl-82:hover, .leftControl-82:active,
.rightControl-82:hover,
.rightControl-82:active {
  opacity: .3;
}
@media (max-width: 768px) {
  .leftControl-82,
  .rightControl-82 {
    display: none;
  }
}
.rightControl-82 {
  right: 0;
  margin-right: -60px;
}
.grid.grid-83 {
  color: #202020;
  margin-top: 50px;
}
@media (min-width: 1024px) {
  .grid.grid-83 {
    border-radius: 6px;
    overflow: hidden;
  }
  .slide.whiteSlide .grid.grid-83 {
    box-shadow: 0 0 1px rgba(48,48,48,.54);
  }
}
@media (max-width: 1023px) {
  .grid.grid-83 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.grid.grid-83 > [class*="col-"] {
  position: relative;
  background: #fff;
  overflow: hidden;
  box-shadow: -1px 0 0 #ebebeb inset;
}
@media (max-width: 1023px) {
  .grid.grid-83 > [class*="col-"] {
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 1px rgba(48,48,48,.54);
    border-radius: 6px;
  }
}
@media (min-width: 1024px) {
  .grid.grid-83 > [class*="col-"] {
    padding: 50px;
    border-radius: 0;
  }
  .grid.grid-83 > [class*="col-"]:last-child {
    box-shadow: none;
  }
}
.grid.grid-84 {
  color: #202020;
  margin-top: 50px;
}
@media (min-width: 1240px) {
  .grid.grid-84 {
    border-radius: 6px;
    overflow: hidden;
  }
  .slide.whiteSlide .grid.grid-84 {
    box-shadow: 0 0 1px rgba(48,48,48,.54);
  }
}
.grid.grid-84 > [class*="col-"] {
  position: relative;
  background: #fff;
  overflow: hidden;
  padding: 30px;
  box-shadow: -1px 0 0 #ebebeb inset;
}
@media (max-width: 1239px) {
  .grid.grid-84 > [class*="col-"] {
    max-width: calc(50% - 20px) !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0 1px rgba(48,48,48,.54);
    border-radius: 6px;
  }
}
@media (max-width: 767px) {
  .grid.grid-84 > [class*="col-"] {
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1240px) {
  .grid.grid-84 > [class*="col-"] {
    border-radius: 0;
  }
  .grid.grid-84 > [class*="col-"]:last-child {
    box-shadow: none;
  }
}
.grid.grid-85 > [class*="col-"] .pad {
  box-shadow: 0 0 1px rgba(48,48,48,.54);
}
.button.button-86 {
  width: 54px;
  height: 54px;
  padding: 17px 19px;
  font-size: 0;
}
.button.button-86 svg {
  width: 18px;
  height: 18px;
}
.text-86 {
  line-height: 1.75;
  opacity: 1;
  margin: 0 0 0 77px;
  padding-top: 3px;
}
@media (max-width: 569px) {
  .button.button-86,
  .text-86 {
    float: left;
  }
  .text-86 strong {
    display: block;
  }
  .text-86 {
    font-size: 20px;
    top: -4px;
  }
}
.frame-93 {
  padding: 50px 40px;
  border: 1px solid rgba(255,255,255,.3);
  text-align: center;
  display: inline-block;
}
.frame-93.rounded {
  border-radius: 6px;
}
.slide.whiteSlide .frame-93 {
  border: 1px solid rgba(0,0,0,.1);
}
@media (max-width: 1023px) {
  .frame-93 {
    text-align: center;
  }
  .button.button-93 {
    margin: 30px 0 0;
  }
}
@media (max-width: 499px) {
  .slide .frame-93 {
    padding: 30px;
    border: none !important;
  }
}
.quoteBubble {
  padding: 7%;
  background: #fff;
  font-size: 26px;
  border-radius: 6px;
  color: #202020;
  position: relative;
  box-shadow: 0 1px 4px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.1);
}
.quoteBubble:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 6%;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}
.quoteBubble:before {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 6%;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: rgba(0,0,0,.2) transparent;
  display: block;
  width: 0;
}
.address {
  letter-spacing: -1.5px;
  font-size: 30px;
  line-height: 1.1666;
}
.price {
  font-size: 110px;
  line-height: 1.26;
  margin-bottom: 20px;
  font-weight: 200;
}
.currency {
  font-size: 32px;
  vertical-align: super;
  font-weight: 300;
  padding-right: 10px;
  margin-left: -0.8em;
  opacity: .6;
  position: relative;
  top: -0.5em;
}
.social-circles li {
  display: inline-block;
  padding: 5px;
}
.social-circles li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.social-circles li a svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.social-circles li a:hover {
  opacity: 1;
  transform: scale(1.1);
}
.text-justify {
  text-align: justify;
}
.slide.whiteSlide a.button.text-white {
  color: #202020 !important;
}
.slide.whiteSlide .thumbnail-98 {
  color: #fff;
}
.slide.whiteSlide .thumbnail-99 {
  color: #fff;
}
.music-96 .sc-artwork-list,
.music-96 .sc-info,
.music-96 .sc-info-toggle,
.music-96 .sc-controls .hidden,
.music-96 .sc-time-indicators,
.music-96 .sc-volume-slider {
  display: none;
}
.music-96 .sc-player:not(:last-child) {
  margin-bottom: 15px;
}
.music-96 .sc-play {
  background-image: url(../assets/svg/play.svg);
  border: 1px solid rgba(0,0,0,.5);
  font-size: 0;
  width: 28px;
  height: 28px;
  display: inline-block;
  float: left;
  margin-right: 12px;
  background-color: #fff;
  border-radius: 20px;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.music-96 .sc-track-duration {
  float: right;
  font-size: 20px;
  font-weight: 300;
  opacity: .8;
}
.music-96 .sc-player:not(.playing) .sc-time-span {
  opacity: 0;
}
.music-96 .sc-time-span {
  position: relative;
  display: block;
}
.music-96 .sc-played,
.music-96 .sc-buffer {
  background: rgba(255,255,255,.4);
  position: absolute;
  z-index: 1;
  top: -1px;
}
.music-96 .sc-player .sc-waveform-container {
  position: absolute;
  top: 0;
  font-size: 0;
  background: rgba(255,255,255,.2);
  cursor: pointer;
}
.music-96 .sc-player .sc-waveform-container img {
  opacity: 0;
  width: 100%;
}
.music-96 .sc-trackslist {
  border-bottom: 1px solid rgba(255,255,255,.2);
  margin-top: 15px;
}
.music-96 .sc-trackslist a {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 15px;
  display: inline-block;
  max-width: 78%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.music-96 .sc-trackslist .sc-time-span,
.music-96 .sc-played,
.music-96 .sc-buffer,
.music-96 .sc-player .sc-waveform-container {
  height: 2px;
}
.music-96 .sc-played,
.music-96 .sc-buffer,
.music-96 .sc-time-span,
.music-96 .sc-play {
  transition: .35s;
}
.music-96 .sc-player.playing .sc-play {
  background-color: rgba(255,255,255,.8);
}
.music-96 .sc-player.playing .sc-played {
  background: linear-gradient(to right, #fafafa, #fff);
}
.slide.whiteSlide .music-96 .sc-played,
.slide.whiteSlide .music-96 .sc-buffer {
  background: rgba(0,0,0,.2);
  position: absolute;
  z-index: 1;
  top: -1px;
}
.slide.whiteSlide .music-96 .sc-trackslist {
  border-bottom: 1px solid rgba(0,0,0,.2);
}
.slide.whiteSlide .music-96 .sc-player.playing .sc-play {
  background-color: rgba(0,0,0,.1);
}
.slide.whiteSlide .music-96 .sc-player.playing .sc-played {
  background: linear-gradient(to right, #050505, #000);
}
@media (max-width: 480px) {
  .music-96 .sc-trackslist a {
    max-width: 67%;
    font-size: 14px;
    margin-top: 5px;
  }
}
.calendar-97 {
  width: 52px;
  height: 52px;
  padding: 8px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,.4);
  left: 0;
  cursor: default;
  pointer-events: none;
}
.calendar-97:hover {
  transform: translateY(0) !important;
}
.slide.whiteSlide .frame-97 {
  border-bottom: 1px solid rgba(0,0,0,.2);
}
.frame-97 {
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.frame-97:last-child {
  border-bottom: none;
}
.frame-97 .small .thin-stroke {
  cursor: default;
}
.frame-97 .thin-stroke:hover {
  transform: translateY(0) !important;
}
.calendar-97 .month {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
  opacity: .8;
}
.calendar-97 .number {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
}
.button-buy-97 {
  float: right;
}
.title-group {
  min-width: 49%;
  display: inline-block;
}
.dislocation {
  font-size: 20px;
  display: inline-block;
}
@media (max-width: 991px) {
  .title-group {
    min-width: 37%;
    font-size: 22px;
    margin-left: 80px !important;
  }
}
@media (max-width: 767px) {
  .frame-97 {
    min-height: 220px;
  }
  .frame-97 h2 {
    text-align: center !important;
  }
  .title-group {
    margin-left: 0 !important;
    margin-top: 60px;
    display: block;
  }
  .frame-97 .calendar-97 {
    left: calc(50% - 5px);
    transform: translateX(-50%);
  }
  .dislocation {
    margin-top: 10px;
    display: block;
  }
  .button-buy-97 {
    float: none;
    display: inline-block;
    margin-top: 20px;
  }
}
a.box-98:active,
a.box-98:focus {
  outline: none;
}
.thumbnail-98 {
  position: relative;
}
.thumbnail-98 img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.wrap-img-100 .blackout {
  height: 100%;
}
.blackout {
  position: absolute;
  top: 0;
  width: 100%;
  height: 99.2%;
  border-radius: 6px;
  border: none;
  background-color: rgba(0,0,0,.4);
  z-index: 10;
}
.title-slide-98 {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  letter-spacing: 2.5px;
  opacity: .6;
  z-index: 15;
}
.subtitle-slide-98 {
  position: absolute;
  width: 70%;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  line-height: 26px;
  z-index: 15;
}
a.box-99:active,
a.box-99:focus {
  outline: none;
}
.thumbnail-99 {
  position: relative;
}
.thumbnail-99 img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.thumbnail-99 .date-slide-99 img {
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 12px;
}
.blackout-sl-4 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 99.2%;
  border-radius: 4px;
  border: none;
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,.4));
  z-index: 10;
}
.title-slide-99 {
  position: absolute;
  text-align: left;
  width: 80%;
  bottom: 12%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  line-height: 26px;
  z-index: 15;
}
.date-slide-99 {
  position: absolute;
  bottom: 0;
  z-index: 15;
  text-align: left;
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
}
.date-slide-99 span {
  display: inline-block;
  font-size: 14px;
  opacity: .4;
}
.tiny .small-watch {
  margin-bottom: -2px;
  font-size: 14px;
}
.tiny .date-small {
  font-size: 14px;
  vertical-align: 2px;
}
.cell-100 {
  border: 1px solid rgba(255,255,255,.2);
  transition: .3s;
}
.cell-100:hover {
  transform: translateY(-2px);
}
.cell-100 .tiny {
  font-size: 0;
  line-height: 0;
  margin-bottom: 0;
}
.item-100 {
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px;
}
.slide.whiteSlide .cell-100 {
  border: 1px solid rgba(0,0,0,.2);
}
.slide.whiteSlide .wrap-text-100 {
  color: #fff;
}
.wrap-img-100 {
  position: relative;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  background-image: url(../assets/img/image-100.png);
  background-size: cover;
  background-position: center;
}
.wrap-text-100 {
  position: absolute;
  z-index: 15;
  bottom: 35px;
  padding-right: 40px;
  padding-left: 40px;
}
.wrap-text-100 h3 {
  font-size: 22px;
  line-height: 36px;
  opacity: .8;
  font-weight: 300;
}
@media (max-width: 767px) {
  .wrap-text-100 {
    position: relative;
    bottom: 0;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .wrap-text-100 h1 {
    font-size: 30px;
  }
  .wrap-text-100 h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .flex-slide-100 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
  }
}
.slick-dots {
  bottom: -35px !important;
}
.slick-dots li {
  margin: 0 !important;
}
.slick-dots li button:before {
  color: #fff !important;
}
.slick-dots li.slick-active button:before {
  color: #fff !important;
}
.whiteSlide .slick-dots li button:before {
  color: #000 !important;
}
.whiteSlide .slick-dots li.slick-active button:before {
  color: #000 !important;
}
.slick-prev,
.slick-next {
  width: 29px !important;
  height: 55px !important;
}
.slick-prev {
  left: -45px !important;
}
.slick-next {
  right: -45px !important;
}
span.prev-arrow svg {
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
  width: 29px;
  height: 55px;
  cursor: pointer;
}
span.next-arrow svg {
  position: absolute;
  right: -45px;
  top: 50%;
  transform: translateY(-50%);
  width: 29px;
  height: 55px;
  cursor: pointer;
}
.swiper-pagination {
  position: static !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  margin-top: 15px;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
  background-color: #fff !important;
}
.whiteSlide .swiper-pagination-bullet-active,
.whiteSlide .swiper-pagination-bullet {
  background-color: #000 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px !important;
}
.swiper-container-2,
.swiper-container-3,
.swiper-container-4 {
  overflow: hidden;
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.overflow-hidden,
.scroll-hidden {
  overflow: hidden;
}
.uppercase { text-transform: uppercase !important; }
.italic { font-style: italic !important; }
.ultraLight,
.thin { font-weight: 100 !important; }
.light { font-weight: 300 !important; }
.normal { font-weight: normal !important; }
.semiBold { font-weight: 500 !important; }
.bold { font-weight: 600 !important; }
.ultraBold { font-weight: 900 !important; }
.top,
.align-top { vertical-align: top !important; }
.left,
.align-left { text-align: left !important; }
.right,
.align-right { text-align: right !important; }
.center,
.align-center { text-align: center !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.position-left { left: 0; }
.position-top { top: 0; }
.position-bottom { bottom: 0; }
.position-right { right: 0; }
.float-right { float: right !important; }
.float-left { float: left !important; }
.float-none { float: none !important; }
.slides.firstSlide .hideForFirstSlide,
.slides.lastSlide .hideForLastSlide {
  display: none;
}
.block { display: block !important; }
.inlineBlock { display: inline-block !important; }
.inline { display: inline !important; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.nowrap,
.nobr { white-space: nowrap; }
.wide { width: 100% !important; }
.hidden { display: none; }
[class*="shift-"] { position: relative; }
.shift-up-1 { top: -1px; }
.shift-up-2 { top: -2px; }
.shift-up-3 { top: -3px; }
.shift-up-4 { top: -4px; }
.shift-up-5 { top: -5px; }
.shift-down-1 { top: 1px; }
.shift-down-2 { top: 2px; }
.shift-down-3 { top: 3px; }
.shift-down-4 { top: 4px; }
.shift-down-5 { top: 5px; }
.shift-left-1 { left: -1px; }
.shift-left-2 { left: -2px; }
.shift-left-3 { left: -3px; }
.shift-left-4 { left: -4px; }
.shift-left-5 { left: -5px; }
.shift-right-1 { left: 1px; }
.shift-right-2 { left: 2px; }
.shift-right-3 { left: 3px; }
.shift-right-4 { left: 4px; }
.shift-right-5 { left: 5px; }
@media (max-width: 1023px) {
  .wideForTablet {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .wideForPhablet {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 435px) {
  .wideForPhone {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.rounded { border-radius: 6px !important; }
.rectangular { border-radius: 0 !important; }
.opacity-0 { opacity: 0 !important; }
.opacity-1 { opacity: .1 !important; }
.opacity-2 { opacity: .2 !important; }
.opacity-3 { opacity: .3 !important; }
.opacity-4 { opacity: .4 !important; }
.opacity-5 { opacity: .5 !important; }
.opacity-6 { opacity: .6 !important; }
.opacity-7 { opacity: .7 !important; }
.opacity-8 { opacity: .8 !important; }
.opacity-9 { opacity: .9 !important; }
.opacity-10,
.opaque { opacity: 1 !important; }
.transparent { background: transparent !important; }
.crop { margin: 0 !important; }
.cropBottom { margin-bottom: 0 !important; }
.cropTop { margin-top: 0 !important; }
.cropLeft, .cropSides { margin-left: 0 !important; }
.cropRight, .cropSides { margin-right: 0 !important; }
.trim { padding: 0 !important; }
.trimBottom { padding-bottom: 0 !important; }
.trimTop { padding-top: 0 !important; }
.trimLeft, .trimSides { padding-left: 0 !important; }
.trimRight, .trimSides { padding-right: 0 !important; }
.padding-0 { padding: 0 !important; }
.padding-1 { padding: 10px !important; }
.padding-2 { padding: 20px !important; }
.padding-3 { padding: 30px !important; }
.padding-4 { padding: 40px !important; }
.padding-5 { padding: 50px !important; }
.padding-6 { padding: 60px !important; }
.padding-7 { padding: 70px !important; }
.padding-8 { padding: 80px !important; }
.padding-9 { padding: 90px !important; }
.padding-10 { padding: 100px !important; }
.padding-11 { padding: 110px !important; }
.padding-12 { padding: 120px !important; }
.padding-13 { padding: 130px !important; }
.padding-14 { padding: 140px !important; }
.padding-15 { padding: 150px !important; }
.padding-16 { padding: 160px !important; }
.padding-17 { padding: 170px !important; }
.padding-18 { padding: 180px !important; }
.padding-19 { padding: 190px !important; }
.padding-20 { padding: 200px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-1 { padding-top: 10px !important; }
.padding-top-2 { padding-top: 20px !important; }
.padding-top-3 { padding-top: 30px !important; }
.padding-top-4 { padding-top: 40px !important; }
.padding-top-5 { padding-top: 50px !important; }
.padding-top-6 { padding-top: 60px !important; }
.padding-top-7 { padding-top: 70px !important; }
.padding-top-8 { padding-top: 80px !important; }
.padding-top-9 { padding-top: 90px !important; }
.padding-top-10 { padding-top: 100px !important; }
.padding-top-11 { padding-top: 110px !important; }
.padding-top-12 { padding-top: 120px !important; }
.padding-top-13 { padding-top: 130px !important; }
.padding-top-14 { padding-top: 140px !important; }
.padding-top-15 { padding-top: 150px !important; }
.padding-top-16 { padding-top: 160px !important; }
.padding-top-17 { padding-top: 170px !important; }
.padding-top-18 { padding-top: 180px !important; }
.padding-top-19 { padding-top: 190px !important; }
.padding-top-20 { padding-top: 200px !important; }
.padding-right-0 { padding-right: 0 !important; }
.padding-right-1 { padding-right: 10px !important; }
.padding-right-2 { padding-right: 20px !important; }
.padding-right-3 { padding-right: 30px !important; }
.padding-right-4 { padding-right: 40px !important; }
.padding-right-5 { padding-right: 50px !important; }
.padding-right-6 { padding-right: 60px !important; }
.padding-right-7 { padding-right: 70px !important; }
.padding-right-8 { padding-right: 80px !important; }
.padding-right-9 { padding-right: 90px !important; }
.padding-right-10 { padding-right: 100px !important; }
.padding-right-11 { padding-right: 110px !important; }
.padding-right-12 { padding-right: 120px !important; }
.padding-right-13 { padding-right: 130px !important; }
.padding-right-14 { padding-right: 140px !important; }
.padding-right-15 { padding-right: 150px !important; }
.padding-right-16 { padding-right: 160px !important; }
.padding-right-17 { padding-right: 170px !important; }
.padding-right-18 { padding-right: 180px !important; }
.padding-right-19 { padding-right: 190px !important; }
.padding-right-20 { padding-right: 200px !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-1 { padding-bottom: 10px !important; }
.padding-bottom-2 { padding-bottom: 20px !important; }
.padding-bottom-3 { padding-bottom: 30px !important; }
.padding-bottom-4 { padding-bottom: 40px !important; }
.padding-bottom-5 { padding-bottom: 50px !important; }
.padding-bottom-6 { padding-bottom: 60px !important; }
.padding-bottom-7 { padding-bottom: 70px !important; }
.padding-bottom-8 { padding-bottom: 80px !important; }
.padding-bottom-9 { padding-bottom: 90px !important; }
.padding-bottom-10 { padding-bottom: 100px !important; }
.padding-bottom-11 { padding-bottom: 110px !important; }
.padding-bottom-12 { padding-bottom: 120px !important; }
.padding-bottom-13 { padding-bottom: 130px !important; }
.padding-bottom-14 { padding-bottom: 140px !important; }
.padding-bottom-15 { padding-bottom: 150px !important; }
.padding-bottom-16 { padding-bottom: 160px !important; }
.padding-bottom-17 { padding-bottom: 170px !important; }
.padding-bottom-18 { padding-bottom: 180px !important; }
.padding-bottom-19 { padding-bottom: 190px !important; }
.padding-bottom-20 { padding-bottom: 200px !important; }
.padding-left-0 { padding-left: 0 !important; }
.padding-left-1 { padding-left: 10px !important; }
.padding-left-2 { padding-left: 20px !important; }
.padding-left-3 { padding-left: 30px !important; }
.padding-left-4 { padding-left: 40px !important; }
.padding-left-5 { padding-left: 50px !important; }
.padding-left-6 { padding-left: 60px !important; }
.padding-left-7 { padding-left: 70px !important; }
.padding-left-8 { padding-left: 80px !important; }
.padding-left-9 { padding-left: 90px !important; }
.padding-left-10 { padding-left: 100px !important; }
.padding-left-11 { padding-left: 110px !important; }
.padding-left-12 { padding-left: 120px !important; }
.padding-left-13 { padding-left: 130px !important; }
.padding-left-14 { padding-left: 140px !important; }
.padding-left-15 { padding-left: 150px !important; }
.padding-left-16 { padding-left: 160px !important; }
.padding-left-17 { padding-left: 170px !important; }
.padding-left-18 { padding-left: 180px !important; }
.padding-left-19 { padding-left: 190px !important; }
.padding-left-20 { padding-left: 200px !important; }
.margin-0 { margin: 0 !important; }
.margin-1 { margin: 10px !important; }
.margin-2 { margin: 20px !important; }
.margin-3 { margin: 30px !important; }
.margin-4 { margin: 40px !important; }
.margin-5 { margin: 50px !important; }
.margin-6 { margin: 60px !important; }
.margin-7 { margin: 70px !important; }
.margin-8 { margin: 80px !important; }
.margin-9 { margin: 90px !important; }
.margin-10 { margin: 100px !important; }
.margin-11 { margin: 110px !important; }
.margin-12 { margin: 120px !important; }
.margin-13 { margin: 130px !important; }
.margin-14 { margin: 140px !important; }
.margin-15 { margin: 150px !important; }
.margin-16 { margin: 160px !important; }
.margin-17 { margin: 170px !important; }
.margin-18 { margin: 180px !important; }
.margin-19 { margin: 190px !important; }
.margin-20 { margin: 200px !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-top-1 { margin-top: 10px !important; }
.margin-top-2 { margin-top: 20px !important; }
.margin-top-3 { margin-top: 30px !important; }
.margin-top-4 { margin-top: 40px !important; }
.margin-top-5 { margin-top: 50px !important; }
.margin-top-6 { margin-top: 60px !important; }
.margin-top-7 { margin-top: 70px !important; }
.margin-top-8 { margin-top: 80px !important; }
.margin-top-9 { margin-top: 90px !important; }
.margin-top-10 { margin-top: 100px !important; }
.margin-top-11 { margin-top: 110px !important; }
.margin-top-12 { margin-top: 120px !important; }
.margin-top-13 { margin-top: 130px !important; }
.margin-top-14 { margin-top: 140px !important; }
.margin-top-15 { margin-top: 150px !important; }
.margin-top-16 { margin-top: 160px !important; }
.margin-top-17 { margin-top: 170px !important; }
.margin-top-18 { margin-top: 180px !important; }
.margin-top-19 { margin-top: 190px !important; }
.margin-top-20 { margin-top: 200px !important; }
.margin-right-0 { margin-right: 0 !important; }
.margin-right-1 { margin-right: 10px !important; }
.margin-right-2 { margin-right: 20px !important; }
.margin-right-3 { margin-right: 30px !important; }
.margin-right-4 { margin-right: 40px !important; }
.margin-right-5 { margin-right: 50px !important; }
.margin-right-6 { margin-right: 60px !important; }
.margin-right-7 { margin-right: 70px !important; }
.margin-right-8 { margin-right: 80px !important; }
.margin-right-9 { margin-right: 90px !important; }
.margin-right-10 { margin-right: 100px !important; }
.margin-right-11 { margin-right: 110px !important; }
.margin-right-12 { margin-right: 120px !important; }
.margin-right-13 { margin-right: 130px !important; }
.margin-right-14 { margin-right: 140px !important; }
.margin-right-15 { margin-right: 150px !important; }
.margin-right-16 { margin-right: 160px !important; }
.margin-right-17 { margin-right: 170px !important; }
.margin-right-18 { margin-right: 180px !important; }
.margin-right-19 { margin-right: 190px !important; }
.margin-right-20 { margin-right: 200px !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-1 { margin-bottom: 10px !important; }
.margin-bottom-2 { margin-bottom: 20px !important; }
.margin-bottom-3 { margin-bottom: 30px !important; }
.margin-bottom-4 { margin-bottom: 40px !important; }
.margin-bottom-5 { margin-bottom: 50px !important; }
.margin-bottom-6 { margin-bottom: 60px !important; }
.margin-bottom-7 { margin-bottom: 70px !important; }
.margin-bottom-8 { margin-bottom: 80px !important; }
.margin-bottom-9 { margin-bottom: 90px !important; }
.margin-bottom-10 { margin-bottom: 100px !important; }
.margin-bottom-11 { margin-bottom: 110px !important; }
.margin-bottom-12 { margin-bottom: 120px !important; }
.margin-bottom-13 { margin-bottom: 130px !important; }
.margin-bottom-14 { margin-bottom: 140px !important; }
.margin-bottom-15 { margin-bottom: 150px !important; }
.margin-bottom-16 { margin-bottom: 160px !important; }
.margin-bottom-17 { margin-bottom: 170px !important; }
.margin-bottom-18 { margin-bottom: 180px !important; }
.margin-bottom-19 { margin-bottom: 190px !important; }
.margin-bottom-20 { margin-bottom: 200px !important; }
.margin-left-0 { margin-left: 0 !important; }
.margin-left-1 { margin-left: 10px !important; }
.margin-left-2 { margin-left: 20px !important; }
.margin-left-3 { margin-left: 30px !important; }
.margin-left-4 { margin-left: 40px !important; }
.margin-left-5 { margin-left: 50px !important; }
.margin-left-6 { margin-left: 60px !important; }
.margin-left-7 { margin-left: 70px !important; }
.margin-left-8 { margin-left: 80px !important; }
.margin-left-9 { margin-left: 90px !important; }
.margin-left-10 { margin-left: 100px !important; }
.margin-left-11 { margin-left: 110px !important; }
.margin-left-12 { margin-left: 120px !important; }
.margin-left-13 { margin-left: 130px !important; }
.margin-left-14 { margin-left: 140px !important; }
.margin-left-15 { margin-left: 150px !important; }
.margin-left-16 { margin-left: 160px !important; }
.margin-left-17 { margin-left: 170px !important; }
.margin-left-18 { margin-left: 180px !important; }
.margin-left-19 { margin-left: 190px !important; }
.margin-left-20 { margin-left: 200px !important; }
@media (min-width: 1240px) {
  .padding-desktop-0 { padding: 0 !important; }
  .padding-desktop-1 { padding: 10px !important; }
  .padding-desktop-2 { padding: 20px !important; }
  .padding-desktop-3 { padding: 30px !important; }
  .padding-desktop-4 { padding: 40px !important; }
  .padding-desktop-5 { padding: 50px !important; }
  .padding-desktop-6 { padding: 60px !important; }
  .padding-desktop-7 { padding: 70px !important; }
  .padding-desktop-8 { padding: 80px !important; }
  .padding-desktop-9 { padding: 90px !important; }
  .padding-desktop-10 { padding: 100px !important; }
  .padding-desktop-11 { padding: 110px !important; }
  .padding-desktop-12 { padding: 120px !important; }
  .padding-desktop-13 { padding: 130px !important; }
  .padding-desktop-14 { padding: 140px !important; }
  .padding-desktop-15 { padding: 150px !important; }
  .padding-desktop-16 { padding: 160px !important; }
  .padding-desktop-17 { padding: 170px !important; }
  .padding-desktop-18 { padding: 180px !important; }
  .padding-desktop-19 { padding: 190px !important; }
  .padding-desktop-20 { padding: 200px !important; }
  .padding-top-desktop-0 { padding-top: 0 !important; }
  .padding-top-desktop-1 { padding-top: 10px !important; }
  .padding-top-desktop-2 { padding-top: 20px !important; }
  .padding-top-desktop-3 { padding-top: 30px !important; }
  .padding-top-desktop-4 { padding-top: 40px !important; }
  .padding-top-desktop-5 { padding-top: 50px !important; }
  .padding-top-desktop-6 { padding-top: 60px !important; }
  .padding-top-desktop-7 { padding-top: 70px !important; }
  .padding-top-desktop-8 { padding-top: 80px !important; }
  .padding-top-desktop-9 { padding-top: 90px !important; }
  .padding-top-desktop-10 { padding-top: 100px !important; }
  .padding-top-desktop-11 { padding-top: 110px !important; }
  .padding-top-desktop-12 { padding-top: 120px !important; }
  .padding-top-desktop-13 { padding-top: 130px !important; }
  .padding-top-desktop-14 { padding-top: 140px !important; }
  .padding-top-desktop-15 { padding-top: 150px !important; }
  .padding-top-desktop-16 { padding-top: 160px !important; }
  .padding-top-desktop-17 { padding-top: 170px !important; }
  .padding-top-desktop-18 { padding-top: 180px !important; }
  .padding-top-desktop-19 { padding-top: 190px !important; }
  .padding-top-desktop-20 { padding-top: 200px !important; }
  .padding-right-desktop-0 { padding-right: 0 !important; }
  .padding-right-desktop-1 { padding-right: 10px !important; }
  .padding-right-desktop-2 { padding-right: 20px !important; }
  .padding-right-desktop-3 { padding-right: 30px !important; }
  .padding-right-desktop-4 { padding-right: 40px !important; }
  .padding-right-desktop-5 { padding-right: 50px !important; }
  .padding-right-desktop-6 { padding-right: 60px !important; }
  .padding-right-desktop-7 { padding-right: 70px !important; }
  .padding-right-desktop-8 { padding-right: 80px !important; }
  .padding-right-desktop-9 { padding-right: 90px !important; }
  .padding-right-desktop-10 { padding-right: 100px !important; }
  .padding-right-desktop-11 { padding-right: 110px !important; }
  .padding-right-desktop-12 { padding-right: 120px !important; }
  .padding-right-desktop-13 { padding-right: 130px !important; }
  .padding-right-desktop-14 { padding-right: 140px !important; }
  .padding-right-desktop-15 { padding-right: 150px !important; }
  .padding-right-desktop-16 { padding-right: 160px !important; }
  .padding-right-desktop-17 { padding-right: 170px !important; }
  .padding-right-desktop-18 { padding-right: 180px !important; }
  .padding-right-desktop-19 { padding-right: 190px !important; }
  .padding-right-desktop-20 { padding-right: 200px !important; }
  .padding-bottom-desktop-0 { padding-bottom: 0 !important; }
  .padding-bottom-desktop-1 { padding-bottom: 10px !important; }
  .padding-bottom-desktop-2 { padding-bottom: 20px !important; }
  .padding-bottom-desktop-3 { padding-bottom: 30px !important; }
  .padding-bottom-desktop-4 { padding-bottom: 40px !important; }
  .padding-bottom-desktop-5 { padding-bottom: 50px !important; }
  .padding-bottom-desktop-6 { padding-bottom: 60px !important; }
  .padding-bottom-desktop-7 { padding-bottom: 70px !important; }
  .padding-bottom-desktop-8 { padding-bottom: 80px !important; }
  .padding-bottom-desktop-9 { padding-bottom: 90px !important; }
  .padding-bottom-desktop-10 { padding-bottom: 100px !important; }
  .padding-bottom-desktop-11 { padding-bottom: 110px !important; }
  .padding-bottom-desktop-12 { padding-bottom: 120px !important; }
  .padding-bottom-desktop-13 { padding-bottom: 130px !important; }
  .padding-bottom-desktop-14 { padding-bottom: 140px !important; }
  .padding-bottom-desktop-15 { padding-bottom: 150px !important; }
  .padding-bottom-desktop-16 { padding-bottom: 160px !important; }
  .padding-bottom-desktop-17 { padding-bottom: 170px !important; }
  .padding-bottom-desktop-18 { padding-bottom: 180px !important; }
  .padding-bottom-desktop-19 { padding-bottom: 190px !important; }
  .padding-bottom-desktop-20 { padding-bottom: 200px !important; }
  .padding-left-desktop-0 { padding-left: 0 !important; }
  .padding-left-desktop-1 { padding-left: 10px !important; }
  .padding-left-desktop-2 { padding-left: 20px !important; }
  .padding-left-desktop-3 { padding-left: 30px !important; }
  .padding-left-desktop-4 { padding-left: 40px !important; }
  .padding-left-desktop-5 { padding-left: 50px !important; }
  .padding-left-desktop-6 { padding-left: 60px !important; }
  .padding-left-desktop-7 { padding-left: 70px !important; }
  .padding-left-desktop-8 { padding-left: 80px !important; }
  .padding-left-desktop-9 { padding-left: 90px !important; }
  .padding-left-desktop-10 { padding-left: 100px !important; }
  .padding-left-desktop-11 { padding-left: 110px !important; }
  .padding-left-desktop-12 { padding-left: 120px !important; }
  .padding-left-desktop-13 { padding-left: 130px !important; }
  .padding-left-desktop-14 { padding-left: 140px !important; }
  .padding-left-desktop-15 { padding-left: 150px !important; }
  .padding-left-desktop-16 { padding-left: 160px !important; }
  .padding-left-desktop-17 { padding-left: 170px !important; }
  .padding-left-desktop-18 { padding-left: 180px !important; }
  .padding-left-desktop-19 { padding-left: 190px !important; }
  .padding-left-desktop-20 { padding-left: 200px !important; }
  .margin-desktop-0 { margin: 0 !important; }
  .margin-desktop-1 { margin: 10px !important; }
  .margin-desktop-2 { margin: 20px !important; }
  .margin-desktop-3 { margin: 30px !important; }
  .margin-desktop-4 { margin: 40px !important; }
  .margin-desktop-5 { margin: 50px !important; }
  .margin-desktop-6 { margin: 60px !important; }
  .margin-desktop-7 { margin: 70px !important; }
  .margin-desktop-8 { margin: 80px !important; }
  .margin-desktop-9 { margin: 90px !important; }
  .margin-desktop-10 { margin: 100px !important; }
  .margin-desktop-11 { margin: 110px !important; }
  .margin-desktop-12 { margin: 120px !important; }
  .margin-desktop-13 { margin: 130px !important; }
  .margin-desktop-14 { margin: 140px !important; }
  .margin-desktop-15 { margin: 150px !important; }
  .margin-desktop-16 { margin: 160px !important; }
  .margin-desktop-17 { margin: 170px !important; }
  .margin-desktop-18 { margin: 180px !important; }
  .margin-desktop-19 { margin: 190px !important; }
  .margin-desktop-20 { margin: 200px !important; }
  .margin-top-desktop-0 { margin-top: 0 !important; }
  .margin-top-desktop-1 { margin-top: 10px !important; }
  .margin-top-desktop-2 { margin-top: 20px !important; }
  .margin-top-desktop-3 { margin-top: 30px !important; }
  .margin-top-desktop-4 { margin-top: 40px !important; }
  .margin-top-desktop-5 { margin-top: 50px !important; }
  .margin-top-desktop-6 { margin-top: 60px !important; }
  .margin-top-desktop-7 { margin-top: 70px !important; }
  .margin-top-desktop-8 { margin-top: 80px !important; }
  .margin-top-desktop-9 { margin-top: 90px !important; }
  .margin-top-desktop-10 { margin-top: 100px !important; }
  .margin-top-desktop-11 { margin-top: 110px !important; }
  .margin-top-desktop-12 { margin-top: 120px !important; }
  .margin-top-desktop-13 { margin-top: 130px !important; }
  .margin-top-desktop-14 { margin-top: 140px !important; }
  .margin-top-desktop-15 { margin-top: 150px !important; }
  .margin-top-desktop-16 { margin-top: 160px !important; }
  .margin-top-desktop-17 { margin-top: 170px !important; }
  .margin-top-desktop-18 { margin-top: 180px !important; }
  .margin-top-desktop-19 { margin-top: 190px !important; }
  .margin-top-desktop-20 { margin-top: 200px !important; }
  .margin-right-desktop-0 { margin-right: 0 !important; }
  .margin-right-desktop-1 { margin-right: 10px !important; }
  .margin-right-desktop-2 { margin-right: 20px !important; }
  .margin-right-desktop-3 { margin-right: 30px !important; }
  .margin-right-desktop-4 { margin-right: 40px !important; }
  .margin-right-desktop-5 { margin-right: 50px !important; }
  .margin-right-desktop-6 { margin-right: 60px !important; }
  .margin-right-desktop-7 { margin-right: 70px !important; }
  .margin-right-desktop-8 { margin-right: 80px !important; }
  .margin-right-desktop-9 { margin-right: 90px !important; }
  .margin-right-desktop-10 { margin-right: 100px !important; }
  .margin-right-desktop-11 { margin-right: 110px !important; }
  .margin-right-desktop-12 { margin-right: 120px !important; }
  .margin-right-desktop-13 { margin-right: 130px !important; }
  .margin-right-desktop-14 { margin-right: 140px !important; }
  .margin-right-desktop-15 { margin-right: 150px !important; }
  .margin-right-desktop-16 { margin-right: 160px !important; }
  .margin-right-desktop-17 { margin-right: 170px !important; }
  .margin-right-desktop-18 { margin-right: 180px !important; }
  .margin-right-desktop-19 { margin-right: 190px !important; }
  .margin-right-desktop-20 { margin-right: 200px !important; }
  .margin-bottom-desktop-0 { margin-bottom: 0 !important; }
  .margin-bottom-desktop-1 { margin-bottom: 10px !important; }
  .margin-bottom-desktop-2 { margin-bottom: 20px !important; }
  .margin-bottom-desktop-3 { margin-bottom: 30px !important; }
  .margin-bottom-desktop-4 { margin-bottom: 40px !important; }
  .margin-bottom-desktop-5 { margin-bottom: 50px !important; }
  .margin-bottom-desktop-6 { margin-bottom: 60px !important; }
  .margin-bottom-desktop-7 { margin-bottom: 70px !important; }
  .margin-bottom-desktop-8 { margin-bottom: 80px !important; }
  .margin-bottom-desktop-9 { margin-bottom: 90px !important; }
  .margin-bottom-desktop-10 { margin-bottom: 100px !important; }
  .margin-bottom-desktop-11 { margin-bottom: 110px !important; }
  .margin-bottom-desktop-12 { margin-bottom: 120px !important; }
  .margin-bottom-desktop-13 { margin-bottom: 130px !important; }
  .margin-bottom-desktop-14 { margin-bottom: 140px !important; }
  .margin-bottom-desktop-15 { margin-bottom: 150px !important; }
  .margin-bottom-desktop-16 { margin-bottom: 160px !important; }
  .margin-bottom-desktop-17 { margin-bottom: 170px !important; }
  .margin-bottom-desktop-18 { margin-bottom: 180px !important; }
  .margin-bottom-desktop-19 { margin-bottom: 190px !important; }
  .margin-bottom-desktop-20 { margin-bottom: 200px !important; }
  .margin-left-desktop-0 { margin-left: 0 !important; }
  .margin-left-desktop-1 { margin-left: 10px !important; }
  .margin-left-desktop-2 { margin-left: 20px !important; }
  .margin-left-desktop-3 { margin-left: 30px !important; }
  .margin-left-desktop-4 { margin-left: 40px !important; }
  .margin-left-desktop-5 { margin-left: 50px !important; }
  .margin-left-desktop-6 { margin-left: 60px !important; }
  .margin-left-desktop-7 { margin-left: 70px !important; }
  .margin-left-desktop-8 { margin-left: 80px !important; }
  .margin-left-desktop-9 { margin-left: 90px !important; }
  .margin-left-desktop-10 { margin-left: 100px !important; }
  .margin-left-desktop-11 { margin-left: 110px !important; }
  .margin-left-desktop-12 { margin-left: 120px !important; }
  .margin-left-desktop-13 { margin-left: 130px !important; }
  .margin-left-desktop-14 { margin-left: 140px !important; }
  .margin-left-desktop-15 { margin-left: 150px !important; }
  .margin-left-desktop-16 { margin-left: 160px !important; }
  .margin-left-desktop-17 { margin-left: 170px !important; }
  .margin-left-desktop-18 { margin-left: 180px !important; }
  .margin-left-desktop-19 { margin-left: 190px !important; }
  .margin-left-desktop-20 { margin-left: 200px !important; }
}
@media (max-width: 1023px) {
  .padding-tablet-0 { padding: 0 !important; }
  .padding-tablet-1 { padding: 10px !important; }
  .padding-tablet-2 { padding: 20px !important; }
  .padding-tablet-3 { padding: 30px !important; }
  .padding-tablet-4 { padding: 40px !important; }
  .padding-tablet-5 { padding: 50px !important; }
  .padding-tablet-6 { padding: 60px !important; }
  .padding-tablet-7 { padding: 70px !important; }
  .padding-tablet-8 { padding: 80px !important; }
  .padding-tablet-9 { padding: 90px !important; }
  .padding-tablet-10 { padding: 100px !important; }
  .padding-tablet-11 { padding: 110px !important; }
  .padding-tablet-12 { padding: 120px !important; }
  .padding-tablet-13 { padding: 130px !important; }
  .padding-tablet-14 { padding: 140px !important; }
  .padding-tablet-15 { padding: 150px !important; }
  .padding-tablet-16 { padding: 160px !important; }
  .padding-tablet-17 { padding: 170px !important; }
  .padding-tablet-18 { padding: 180px !important; }
  .padding-tablet-19 { padding: 190px !important; }
  .padding-tablet-20 { padding: 200px !important; }
  .padding-top-tablet-0 { padding-top: 0 !important; }
  .padding-top-tablet-1 { padding-top: 10px !important; }
  .padding-top-tablet-2 { padding-top: 20px !important; }
  .padding-top-tablet-3 { padding-top: 30px !important; }
  .padding-top-tablet-4 { padding-top: 40px !important; }
  .padding-top-tablet-5 { padding-top: 50px !important; }
  .padding-top-tablet-6 { padding-top: 60px !important; }
  .padding-top-tablet-7 { padding-top: 70px !important; }
  .padding-top-tablet-8 { padding-top: 80px !important; }
  .padding-top-tablet-9 { padding-top: 90px !important; }
  .padding-top-tablet-10 { padding-top: 100px !important; }
  .padding-top-tablet-11 { padding-top: 110px !important; }
  .padding-top-tablet-12 { padding-top: 120px !important; }
  .padding-top-tablet-13 { padding-top: 130px !important; }
  .padding-top-tablet-14 { padding-top: 140px !important; }
  .padding-top-tablet-15 { padding-top: 150px !important; }
  .padding-top-tablet-16 { padding-top: 160px !important; }
  .padding-top-tablet-17 { padding-top: 170px !important; }
  .padding-top-tablet-18 { padding-top: 180px !important; }
  .padding-top-tablet-19 { padding-top: 190px !important; }
  .padding-top-tablet-20 { padding-top: 200px !important; }
  .padding-right-tablet-0 { padding-right: 0 !important; }
  .padding-right-tablet-1 { padding-right: 10px !important; }
  .padding-right-tablet-2 { padding-right: 20px !important; }
  .padding-right-tablet-3 { padding-right: 30px !important; }
  .padding-right-tablet-4 { padding-right: 40px !important; }
  .padding-right-tablet-5 { padding-right: 50px !important; }
  .padding-right-tablet-6 { padding-right: 60px !important; }
  .padding-right-tablet-7 { padding-right: 70px !important; }
  .padding-right-tablet-8 { padding-right: 80px !important; }
  .padding-right-tablet-9 { padding-right: 90px !important; }
  .padding-right-tablet-10 { padding-right: 100px !important; }
  .padding-right-tablet-11 { padding-right: 110px !important; }
  .padding-right-tablet-12 { padding-right: 120px !important; }
  .padding-right-tablet-13 { padding-right: 130px !important; }
  .padding-right-tablet-14 { padding-right: 140px !important; }
  .padding-right-tablet-15 { padding-right: 150px !important; }
  .padding-right-tablet-16 { padding-right: 160px !important; }
  .padding-right-tablet-17 { padding-right: 170px !important; }
  .padding-right-tablet-18 { padding-right: 180px !important; }
  .padding-right-tablet-19 { padding-right: 190px !important; }
  .padding-right-tablet-20 { padding-right: 200px !important; }
  .padding-bottom-tablet-0 { padding-bottom: 0 !important; }
  .padding-bottom-tablet-1 { padding-bottom: 10px !important; }
  .padding-bottom-tablet-2 { padding-bottom: 20px !important; }
  .padding-bottom-tablet-3 { padding-bottom: 30px !important; }
  .padding-bottom-tablet-4 { padding-bottom: 40px !important; }
  .padding-bottom-tablet-5 { padding-bottom: 50px !important; }
  .padding-bottom-tablet-6 { padding-bottom: 60px !important; }
  .padding-bottom-tablet-7 { padding-bottom: 70px !important; }
  .padding-bottom-tablet-8 { padding-bottom: 80px !important; }
  .padding-bottom-tablet-9 { padding-bottom: 90px !important; }
  .padding-bottom-tablet-10 { padding-bottom: 100px !important; }
  .padding-bottom-tablet-11 { padding-bottom: 110px !important; }
  .padding-bottom-tablet-12 { padding-bottom: 120px !important; }
  .padding-bottom-tablet-13 { padding-bottom: 130px !important; }
  .padding-bottom-tablet-14 { padding-bottom: 140px !important; }
  .padding-bottom-tablet-15 { padding-bottom: 150px !important; }
  .padding-bottom-tablet-16 { padding-bottom: 160px !important; }
  .padding-bottom-tablet-17 { padding-bottom: 170px !important; }
  .padding-bottom-tablet-18 { padding-bottom: 180px !important; }
  .padding-bottom-tablet-19 { padding-bottom: 190px !important; }
  .padding-bottom-tablet-20 { padding-bottom: 200px !important; }
  .padding-left-tablet-0 { padding-left: 0 !important; }
  .padding-left-tablet-1 { padding-left: 10px !important; }
  .padding-left-tablet-2 { padding-left: 20px !important; }
  .padding-left-tablet-3 { padding-left: 30px !important; }
  .padding-left-tablet-4 { padding-left: 40px !important; }
  .padding-left-tablet-5 { padding-left: 50px !important; }
  .padding-left-tablet-6 { padding-left: 60px !important; }
  .padding-left-tablet-7 { padding-left: 70px !important; }
  .padding-left-tablet-8 { padding-left: 80px !important; }
  .padding-left-tablet-9 { padding-left: 90px !important; }
  .padding-left-tablet-10 { padding-left: 100px !important; }
  .padding-left-tablet-11 { padding-left: 110px !important; }
  .padding-left-tablet-12 { padding-left: 120px !important; }
  .padding-left-tablet-13 { padding-left: 130px !important; }
  .padding-left-tablet-14 { padding-left: 140px !important; }
  .padding-left-tablet-15 { padding-left: 150px !important; }
  .padding-left-tablet-16 { padding-left: 160px !important; }
  .padding-left-tablet-17 { padding-left: 170px !important; }
  .padding-left-tablet-18 { padding-left: 180px !important; }
  .padding-left-tablet-19 { padding-left: 190px !important; }
  .padding-left-tablet-20 { padding-left: 200px !important; }
  .margin-tablet-0 { margin: 0 !important; }
  .margin-tablet-1 { margin: 10px !important; }
  .margin-tablet-2 { margin: 20px !important; }
  .margin-tablet-3 { margin: 30px !important; }
  .margin-tablet-4 { margin: 40px !important; }
  .margin-tablet-5 { margin: 50px !important; }
  .margin-tablet-6 { margin: 60px !important; }
  .margin-tablet-7 { margin: 70px !important; }
  .margin-tablet-8 { margin: 80px !important; }
  .margin-tablet-9 { margin: 90px !important; }
  .margin-tablet-10 { margin: 100px !important; }
  .margin-tablet-11 { margin: 110px !important; }
  .margin-tablet-12 { margin: 120px !important; }
  .margin-tablet-13 { margin: 130px !important; }
  .margin-tablet-14 { margin: 140px !important; }
  .margin-tablet-15 { margin: 150px !important; }
  .margin-tablet-16 { margin: 160px !important; }
  .margin-tablet-17 { margin: 170px !important; }
  .margin-tablet-18 { margin: 180px !important; }
  .margin-tablet-19 { margin: 190px !important; }
  .margin-tablet-20 { margin: 200px !important; }
  .margin-top-tablet-0 { margin-top: 0 !important; }
  .margin-top-tablet-1 { margin-top: 10px !important; }
  .margin-top-tablet-2 { margin-top: 20px !important; }
  .margin-top-tablet-3 { margin-top: 30px !important; }
  .margin-top-tablet-4 { margin-top: 40px !important; }
  .margin-top-tablet-5 { margin-top: 50px !important; }
  .margin-top-tablet-6 { margin-top: 60px !important; }
  .margin-top-tablet-7 { margin-top: 70px !important; }
  .margin-top-tablet-8 { margin-top: 80px !important; }
  .margin-top-tablet-9 { margin-top: 90px !important; }
  .margin-top-tablet-10 { margin-top: 100px !important; }
  .margin-top-tablet-11 { margin-top: 110px !important; }
  .margin-top-tablet-12 { margin-top: 120px !important; }
  .margin-top-tablet-13 { margin-top: 130px !important; }
  .margin-top-tablet-14 { margin-top: 140px !important; }
  .margin-top-tablet-15 { margin-top: 150px !important; }
  .margin-top-tablet-16 { margin-top: 160px !important; }
  .margin-top-tablet-17 { margin-top: 170px !important; }
  .margin-top-tablet-18 { margin-top: 180px !important; }
  .margin-top-tablet-19 { margin-top: 190px !important; }
  .margin-top-tablet-20 { margin-top: 200px !important; }
  .margin-right-tablet-0 { margin-right: 0 !important; }
  .margin-right-tablet-1 { margin-right: 10px !important; }
  .margin-right-tablet-2 { margin-right: 20px !important; }
  .margin-right-tablet-3 { margin-right: 30px !important; }
  .margin-right-tablet-4 { margin-right: 40px !important; }
  .margin-right-tablet-5 { margin-right: 50px !important; }
  .margin-right-tablet-6 { margin-right: 60px !important; }
  .margin-right-tablet-7 { margin-right: 70px !important; }
  .margin-right-tablet-8 { margin-right: 80px !important; }
  .margin-right-tablet-9 { margin-right: 90px !important; }
  .margin-right-tablet-10 { margin-right: 100px !important; }
  .margin-right-tablet-11 { margin-right: 110px !important; }
  .margin-right-tablet-12 { margin-right: 120px !important; }
  .margin-right-tablet-13 { margin-right: 130px !important; }
  .margin-right-tablet-14 { margin-right: 140px !important; }
  .margin-right-tablet-15 { margin-right: 150px !important; }
  .margin-right-tablet-16 { margin-right: 160px !important; }
  .margin-right-tablet-17 { margin-right: 170px !important; }
  .margin-right-tablet-18 { margin-right: 180px !important; }
  .margin-right-tablet-19 { margin-right: 190px !important; }
  .margin-right-tablet-20 { margin-right: 200px !important; }
  .margin-bottom-tablet-0 { margin-bottom: 0 !important; }
  .margin-bottom-tablet-1 { margin-bottom: 10px !important; }
  .margin-bottom-tablet-2 { margin-bottom: 20px !important; }
  .margin-bottom-tablet-3 { margin-bottom: 30px !important; }
  .margin-bottom-tablet-4 { margin-bottom: 40px !important; }
  .margin-bottom-tablet-5 { margin-bottom: 50px !important; }
  .margin-bottom-tablet-6 { margin-bottom: 60px !important; }
  .margin-bottom-tablet-7 { margin-bottom: 70px !important; }
  .margin-bottom-tablet-8 { margin-bottom: 80px !important; }
  .margin-bottom-tablet-9 { margin-bottom: 90px !important; }
  .margin-bottom-tablet-10 { margin-bottom: 100px !important; }
  .margin-bottom-tablet-11 { margin-bottom: 110px !important; }
  .margin-bottom-tablet-12 { margin-bottom: 120px !important; }
  .margin-bottom-tablet-13 { margin-bottom: 130px !important; }
  .margin-bottom-tablet-14 { margin-bottom: 140px !important; }
  .margin-bottom-tablet-15 { margin-bottom: 150px !important; }
  .margin-bottom-tablet-16 { margin-bottom: 160px !important; }
  .margin-bottom-tablet-17 { margin-bottom: 170px !important; }
  .margin-bottom-tablet-18 { margin-bottom: 180px !important; }
  .margin-bottom-tablet-19 { margin-bottom: 190px !important; }
  .margin-bottom-tablet-20 { margin-bottom: 200px !important; }
  .margin-left-tablet-0 { margin-left: 0 !important; }
  .margin-left-tablet-1 { margin-left: 10px !important; }
  .margin-left-tablet-2 { margin-left: 20px !important; }
  .margin-left-tablet-3 { margin-left: 30px !important; }
  .margin-left-tablet-4 { margin-left: 40px !important; }
  .margin-left-tablet-5 { margin-left: 50px !important; }
  .margin-left-tablet-6 { margin-left: 60px !important; }
  .margin-left-tablet-7 { margin-left: 70px !important; }
  .margin-left-tablet-8 { margin-left: 80px !important; }
  .margin-left-tablet-9 { margin-left: 90px !important; }
  .margin-left-tablet-10 { margin-left: 100px !important; }
  .margin-left-tablet-11 { margin-left: 110px !important; }
  .margin-left-tablet-12 { margin-left: 120px !important; }
  .margin-left-tablet-13 { margin-left: 130px !important; }
  .margin-left-tablet-14 { margin-left: 140px !important; }
  .margin-left-tablet-15 { margin-left: 150px !important; }
  .margin-left-tablet-16 { margin-left: 160px !important; }
  .margin-left-tablet-17 { margin-left: 170px !important; }
  .margin-left-tablet-18 { margin-left: 180px !important; }
  .margin-left-tablet-19 { margin-left: 190px !important; }
  .margin-left-tablet-20 { margin-left: 200px !important; }
}
@media (max-width: 767px) {
  .padding-phablet-0 { padding: 0 !important; }
  .padding-phablet-1 { padding: 10px !important; }
  .padding-phablet-2 { padding: 20px !important; }
  .padding-phablet-3 { padding: 30px !important; }
  .padding-phablet-4 { padding: 40px !important; }
  .padding-phablet-5 { padding: 50px !important; }
  .padding-phablet-6 { padding: 60px !important; }
  .padding-phablet-7 { padding: 70px !important; }
  .padding-phablet-8 { padding: 80px !important; }
  .padding-phablet-9 { padding: 90px !important; }
  .padding-phablet-10 { padding: 100px !important; }
  .padding-phablet-11 { padding: 110px !important; }
  .padding-phablet-12 { padding: 120px !important; }
  .padding-phablet-13 { padding: 130px !important; }
  .padding-phablet-14 { padding: 140px !important; }
  .padding-phablet-15 { padding: 150px !important; }
  .padding-phablet-16 { padding: 160px !important; }
  .padding-phablet-17 { padding: 170px !important; }
  .padding-phablet-18 { padding: 180px !important; }
  .padding-phablet-19 { padding: 190px !important; }
  .padding-phablet-20 { padding: 200px !important; }
  .padding-top-phablet-0 { padding-top: 0 !important; }
  .padding-top-phablet-1 { padding-top: 10px !important; }
  .padding-top-phablet-2 { padding-top: 20px !important; }
  .padding-top-phablet-3 { padding-top: 30px !important; }
  .padding-top-phablet-4 { padding-top: 40px !important; }
  .padding-top-phablet-5 { padding-top: 50px !important; }
  .padding-top-phablet-6 { padding-top: 60px !important; }
  .padding-top-phablet-7 { padding-top: 70px !important; }
  .padding-top-phablet-8 { padding-top: 80px !important; }
  .padding-top-phablet-9 { padding-top: 90px !important; }
  .padding-top-phablet-10 { padding-top: 100px !important; }
  .padding-top-phablet-11 { padding-top: 110px !important; }
  .padding-top-phablet-12 { padding-top: 120px !important; }
  .padding-top-phablet-13 { padding-top: 130px !important; }
  .padding-top-phablet-14 { padding-top: 140px !important; }
  .padding-top-phablet-15 { padding-top: 150px !important; }
  .padding-top-phablet-16 { padding-top: 160px !important; }
  .padding-top-phablet-17 { padding-top: 170px !important; }
  .padding-top-phablet-18 { padding-top: 180px !important; }
  .padding-top-phablet-19 { padding-top: 190px !important; }
  .padding-top-phablet-20 { padding-top: 200px !important; }
  .padding-right-phablet-0 { padding-right: 0 !important; }
  .padding-right-phablet-1 { padding-right: 10px !important; }
  .padding-right-phablet-2 { padding-right: 20px !important; }
  .padding-right-phablet-3 { padding-right: 30px !important; }
  .padding-right-phablet-4 { padding-right: 40px !important; }
  .padding-right-phablet-5 { padding-right: 50px !important; }
  .padding-right-phablet-6 { padding-right: 60px !important; }
  .padding-right-phablet-7 { padding-right: 70px !important; }
  .padding-right-phablet-8 { padding-right: 80px !important; }
  .padding-right-phablet-9 { padding-right: 90px !important; }
  .padding-right-phablet-10 { padding-right: 100px !important; }
  .padding-right-phablet-11 { padding-right: 110px !important; }
  .padding-right-phablet-12 { padding-right: 120px !important; }
  .padding-right-phablet-13 { padding-right: 130px !important; }
  .padding-right-phablet-14 { padding-right: 140px !important; }
  .padding-right-phablet-15 { padding-right: 150px !important; }
  .padding-right-phablet-16 { padding-right: 160px !important; }
  .padding-right-phablet-17 { padding-right: 170px !important; }
  .padding-right-phablet-18 { padding-right: 180px !important; }
  .padding-right-phablet-19 { padding-right: 190px !important; }
  .padding-right-phablet-20 { padding-right: 200px !important; }
  .padding-bottom-phablet-0 { padding-bottom: 0 !important; }
  .padding-bottom-phablet-1 { padding-bottom: 10px !important; }
  .padding-bottom-phablet-2 { padding-bottom: 20px !important; }
  .padding-bottom-phablet-3 { padding-bottom: 30px !important; }
  .padding-bottom-phablet-4 { padding-bottom: 40px !important; }
  .padding-bottom-phablet-5 { padding-bottom: 50px !important; }
  .padding-bottom-phablet-6 { padding-bottom: 60px !important; }
  .padding-bottom-phablet-7 { padding-bottom: 70px !important; }
  .padding-bottom-phablet-8 { padding-bottom: 80px !important; }
  .padding-bottom-phablet-9 { padding-bottom: 90px !important; }
  .padding-bottom-phablet-10 { padding-bottom: 100px !important; }
  .padding-bottom-phablet-11 { padding-bottom: 110px !important; }
  .padding-bottom-phablet-12 { padding-bottom: 120px !important; }
  .padding-bottom-phablet-13 { padding-bottom: 130px !important; }
  .padding-bottom-phablet-14 { padding-bottom: 140px !important; }
  .padding-bottom-phablet-15 { padding-bottom: 150px !important; }
  .padding-bottom-phablet-16 { padding-bottom: 160px !important; }
  .padding-bottom-phablet-17 { padding-bottom: 170px !important; }
  .padding-bottom-phablet-18 { padding-bottom: 180px !important; }
  .padding-bottom-phablet-19 { padding-bottom: 190px !important; }
  .padding-bottom-phablet-20 { padding-bottom: 200px !important; }
  .padding-left-phablet-0 { padding-left: 0 !important; }
  .padding-left-phablet-1 { padding-left: 10px !important; }
  .padding-left-phablet-2 { padding-left: 20px !important; }
  .padding-left-phablet-3 { padding-left: 30px !important; }
  .padding-left-phablet-4 { padding-left: 40px !important; }
  .padding-left-phablet-5 { padding-left: 50px !important; }
  .padding-left-phablet-6 { padding-left: 60px !important; }
  .padding-left-phablet-7 { padding-left: 70px !important; }
  .padding-left-phablet-8 { padding-left: 80px !important; }
  .padding-left-phablet-9 { padding-left: 90px !important; }
  .padding-left-phablet-10 { padding-left: 100px !important; }
  .padding-left-phablet-11 { padding-left: 110px !important; }
  .padding-left-phablet-12 { padding-left: 120px !important; }
  .padding-left-phablet-13 { padding-left: 130px !important; }
  .padding-left-phablet-14 { padding-left: 140px !important; }
  .padding-left-phablet-15 { padding-left: 150px !important; }
  .padding-left-phablet-16 { padding-left: 160px !important; }
  .padding-left-phablet-17 { padding-left: 170px !important; }
  .padding-left-phablet-18 { padding-left: 180px !important; }
  .padding-left-phablet-19 { padding-left: 190px !important; }
  .padding-left-phablet-20 { padding-left: 200px !important; }
  .margin-phablet-0 { margin: 0 !important; }
  .margin-phablet-1 { margin: 10px !important; }
  .margin-phablet-2 { margin: 20px !important; }
  .margin-phablet-3 { margin: 30px !important; }
  .margin-phablet-4 { margin: 40px !important; }
  .margin-phablet-5 { margin: 50px !important; }
  .margin-phablet-6 { margin: 60px !important; }
  .margin-phablet-7 { margin: 70px !important; }
  .margin-phablet-8 { margin: 80px !important; }
  .margin-phablet-9 { margin: 90px !important; }
  .margin-phablet-10 { margin: 100px !important; }
  .margin-phablet-11 { margin: 110px !important; }
  .margin-phablet-12 { margin: 120px !important; }
  .margin-phablet-13 { margin: 130px !important; }
  .margin-phablet-14 { margin: 140px !important; }
  .margin-phablet-15 { margin: 150px !important; }
  .margin-phablet-16 { margin: 160px !important; }
  .margin-phablet-17 { margin: 170px !important; }
  .margin-phablet-18 { margin: 180px !important; }
  .margin-phablet-19 { margin: 190px !important; }
  .margin-phablet-20 { margin: 200px !important; }
  .margin-top-phablet-0 { margin-top: 0 !important; }
  .margin-top-phablet-1 { margin-top: 10px !important; }
  .margin-top-phablet-2 { margin-top: 20px !important; }
  .margin-top-phablet-3 { margin-top: 30px !important; }
  .margin-top-phablet-4 { margin-top: 40px !important; }
  .margin-top-phablet-5 { margin-top: 50px !important; }
  .margin-top-phablet-6 { margin-top: 60px !important; }
  .margin-top-phablet-7 { margin-top: 70px !important; }
  .margin-top-phablet-8 { margin-top: 80px !important; }
  .margin-top-phablet-9 { margin-top: 90px !important; }
  .margin-top-phablet-10 { margin-top: 100px !important; }
  .margin-top-phablet-11 { margin-top: 110px !important; }
  .margin-top-phablet-12 { margin-top: 120px !important; }
  .margin-top-phablet-13 { margin-top: 130px !important; }
  .margin-top-phablet-14 { margin-top: 140px !important; }
  .margin-top-phablet-15 { margin-top: 150px !important; }
  .margin-top-phablet-16 { margin-top: 160px !important; }
  .margin-top-phablet-17 { margin-top: 170px !important; }
  .margin-top-phablet-18 { margin-top: 180px !important; }
  .margin-top-phablet-19 { margin-top: 190px !important; }
  .margin-top-phablet-20 { margin-top: 200px !important; }
  .margin-right-phablet-0 { margin-right: 0 !important; }
  .margin-right-phablet-1 { margin-right: 10px !important; }
  .margin-right-phablet-2 { margin-right: 20px !important; }
  .margin-right-phablet-3 { margin-right: 30px !important; }
  .margin-right-phablet-4 { margin-right: 40px !important; }
  .margin-right-phablet-5 { margin-right: 50px !important; }
  .margin-right-phablet-6 { margin-right: 60px !important; }
  .margin-right-phablet-7 { margin-right: 70px !important; }
  .margin-right-phablet-8 { margin-right: 80px !important; }
  .margin-right-phablet-9 { margin-right: 90px !important; }
  .margin-right-phablet-10 { margin-right: 100px !important; }
  .margin-right-phablet-11 { margin-right: 110px !important; }
  .margin-right-phablet-12 { margin-right: 120px !important; }
  .margin-right-phablet-13 { margin-right: 130px !important; }
  .margin-right-phablet-14 { margin-right: 140px !important; }
  .margin-right-phablet-15 { margin-right: 150px !important; }
  .margin-right-phablet-16 { margin-right: 160px !important; }
  .margin-right-phablet-17 { margin-right: 170px !important; }
  .margin-right-phablet-18 { margin-right: 180px !important; }
  .margin-right-phablet-19 { margin-right: 190px !important; }
  .margin-right-phablet-20 { margin-right: 200px !important; }
  .margin-bottom-phablet-0 { margin-bottom: 0 !important; }
  .margin-bottom-phablet-1 { margin-bottom: 10px !important; }
  .margin-bottom-phablet-2 { margin-bottom: 20px !important; }
  .margin-bottom-phablet-3 { margin-bottom: 30px !important; }
  .margin-bottom-phablet-4 { margin-bottom: 40px !important; }
  .margin-bottom-phablet-5 { margin-bottom: 50px !important; }
  .margin-bottom-phablet-6 { margin-bottom: 60px !important; }
  .margin-bottom-phablet-7 { margin-bottom: 70px !important; }
  .margin-bottom-phablet-8 { margin-bottom: 80px !important; }
  .margin-bottom-phablet-9 { margin-bottom: 90px !important; }
  .margin-bottom-phablet-10 { margin-bottom: 100px !important; }
  .margin-bottom-phablet-11 { margin-bottom: 110px !important; }
  .margin-bottom-phablet-12 { margin-bottom: 120px !important; }
  .margin-bottom-phablet-13 { margin-bottom: 130px !important; }
  .margin-bottom-phablet-14 { margin-bottom: 140px !important; }
  .margin-bottom-phablet-15 { margin-bottom: 150px !important; }
  .margin-bottom-phablet-16 { margin-bottom: 160px !important; }
  .margin-bottom-phablet-17 { margin-bottom: 170px !important; }
  .margin-bottom-phablet-18 { margin-bottom: 180px !important; }
  .margin-bottom-phablet-19 { margin-bottom: 190px !important; }
  .margin-bottom-phablet-20 { margin-bottom: 200px !important; }
  .margin-left-phablet-0 { margin-left: 0 !important; }
  .margin-left-phablet-1 { margin-left: 10px !important; }
  .margin-left-phablet-2 { margin-left: 20px !important; }
  .margin-left-phablet-3 { margin-left: 30px !important; }
  .margin-left-phablet-4 { margin-left: 40px !important; }
  .margin-left-phablet-5 { margin-left: 50px !important; }
  .margin-left-phablet-6 { margin-left: 60px !important; }
  .margin-left-phablet-7 { margin-left: 70px !important; }
  .margin-left-phablet-8 { margin-left: 80px !important; }
  .margin-left-phablet-9 { margin-left: 90px !important; }
  .margin-left-phablet-10 { margin-left: 100px !important; }
  .margin-left-phablet-11 { margin-left: 110px !important; }
  .margin-left-phablet-12 { margin-left: 120px !important; }
  .margin-left-phablet-13 { margin-left: 130px !important; }
  .margin-left-phablet-14 { margin-left: 140px !important; }
  .margin-left-phablet-15 { margin-left: 150px !important; }
  .margin-left-phablet-16 { margin-left: 160px !important; }
  .margin-left-phablet-17 { margin-left: 170px !important; }
  .margin-left-phablet-18 { margin-left: 180px !important; }
  .margin-left-phablet-19 { margin-left: 190px !important; }
  .margin-left-phablet-20 { margin-left: 200px !important; }
}
@media (max-width: 435px) {
  .padding-phone-0 { padding: 0 !important; }
  .padding-phone-1 { padding: 10px !important; }
  .padding-phone-2 { padding: 20px !important; }
  .padding-phone-3 { padding: 30px !important; }
  .padding-phone-4 { padding: 40px !important; }
  .padding-phone-5 { padding: 50px !important; }
  .padding-phone-6 { padding: 60px !important; }
  .padding-phone-7 { padding: 70px !important; }
  .padding-phone-8 { padding: 80px !important; }
  .padding-phone-9 { padding: 90px !important; }
  .padding-phone-10 { padding: 100px !important; }
  .padding-phone-11 { padding: 110px !important; }
  .padding-phone-12 { padding: 120px !important; }
  .padding-phone-13 { padding: 130px !important; }
  .padding-phone-14 { padding: 140px !important; }
  .padding-phone-15 { padding: 150px !important; }
  .padding-phone-16 { padding: 160px !important; }
  .padding-phone-17 { padding: 170px !important; }
  .padding-phone-18 { padding: 180px !important; }
  .padding-phone-19 { padding: 190px !important; }
  .padding-phone-20 { padding: 200px !important; }
  .padding-top-phone-0 { padding-top: 0 !important; }
  .padding-top-phone-1 { padding-top: 10px !important; }
  .padding-top-phone-2 { padding-top: 20px !important; }
  .padding-top-phone-3 { padding-top: 30px !important; }
  .padding-top-phone-4 { padding-top: 40px !important; }
  .padding-top-phone-5 { padding-top: 50px !important; }
  .padding-top-phone-6 { padding-top: 60px !important; }
  .padding-top-phone-7 { padding-top: 70px !important; }
  .padding-top-phone-8 { padding-top: 80px !important; }
  .padding-top-phone-9 { padding-top: 90px !important; }
  .padding-top-phone-10 { padding-top: 100px !important; }
  .padding-top-phone-11 { padding-top: 110px !important; }
  .padding-top-phone-12 { padding-top: 120px !important; }
  .padding-top-phone-13 { padding-top: 130px !important; }
  .padding-top-phone-14 { padding-top: 140px !important; }
  .padding-top-phone-15 { padding-top: 150px !important; }
  .padding-top-phone-16 { padding-top: 160px !important; }
  .padding-top-phone-17 { padding-top: 170px !important; }
  .padding-top-phone-18 { padding-top: 180px !important; }
  .padding-top-phone-19 { padding-top: 190px !important; }
  .padding-top-phone-20 { padding-top: 200px !important; }
  .padding-right-phone-0 { padding-right: 0 !important; }
  .padding-right-phone-1 { padding-right: 10px !important; }
  .padding-right-phone-2 { padding-right: 20px !important; }
  .padding-right-phone-3 { padding-right: 30px !important; }
  .padding-right-phone-4 { padding-right: 40px !important; }
  .padding-right-phone-5 { padding-right: 50px !important; }
  .padding-right-phone-6 { padding-right: 60px !important; }
  .padding-right-phone-7 { padding-right: 70px !important; }
  .padding-right-phone-8 { padding-right: 80px !important; }
  .padding-right-phone-9 { padding-right: 90px !important; }
  .padding-right-phone-10 { padding-right: 100px !important; }
  .padding-right-phone-11 { padding-right: 110px !important; }
  .padding-right-phone-12 { padding-right: 120px !important; }
  .padding-right-phone-13 { padding-right: 130px !important; }
  .padding-right-phone-14 { padding-right: 140px !important; }
  .padding-right-phone-15 { padding-right: 150px !important; }
  .padding-right-phone-16 { padding-right: 160px !important; }
  .padding-right-phone-17 { padding-right: 170px !important; }
  .padding-right-phone-18 { padding-right: 180px !important; }
  .padding-right-phone-19 { padding-right: 190px !important; }
  .padding-right-phone-20 { padding-right: 200px !important; }
  .padding-bottom-phone-0 { padding-bottom: 0 !important; }
  .padding-bottom-phone-1 { padding-bottom: 10px !important; }
  .padding-bottom-phone-2 { padding-bottom: 20px !important; }
  .padding-bottom-phone-3 { padding-bottom: 30px !important; }
  .padding-bottom-phone-4 { padding-bottom: 40px !important; }
  .padding-bottom-phone-5 { padding-bottom: 50px !important; }
  .padding-bottom-phone-6 { padding-bottom: 60px !important; }
  .padding-bottom-phone-7 { padding-bottom: 70px !important; }
  .padding-bottom-phone-8 { padding-bottom: 80px !important; }
  .padding-bottom-phone-9 { padding-bottom: 90px !important; }
  .padding-bottom-phone-10 { padding-bottom: 100px !important; }
  .padding-bottom-phone-11 { padding-bottom: 110px !important; }
  .padding-bottom-phone-12 { padding-bottom: 120px !important; }
  .padding-bottom-phone-13 { padding-bottom: 130px !important; }
  .padding-bottom-phone-14 { padding-bottom: 140px !important; }
  .padding-bottom-phone-15 { padding-bottom: 150px !important; }
  .padding-bottom-phone-16 { padding-bottom: 160px !important; }
  .padding-bottom-phone-17 { padding-bottom: 170px !important; }
  .padding-bottom-phone-18 { padding-bottom: 180px !important; }
  .padding-bottom-phone-19 { padding-bottom: 190px !important; }
  .padding-bottom-phone-20 { padding-bottom: 200px !important; }
  .padding-left-phone-0 { padding-left: 0 !important; }
  .padding-left-phone-1 { padding-left: 10px !important; }
  .padding-left-phone-2 { padding-left: 20px !important; }
  .padding-left-phone-3 { padding-left: 30px !important; }
  .padding-left-phone-4 { padding-left: 40px !important; }
  .padding-left-phone-5 { padding-left: 50px !important; }
  .padding-left-phone-6 { padding-left: 60px !important; }
  .padding-left-phone-7 { padding-left: 70px !important; }
  .padding-left-phone-8 { padding-left: 80px !important; }
  .padding-left-phone-9 { padding-left: 90px !important; }
  .padding-left-phone-10 { padding-left: 100px !important; }
  .padding-left-phone-11 { padding-left: 110px !important; }
  .padding-left-phone-12 { padding-left: 120px !important; }
  .padding-left-phone-13 { padding-left: 130px !important; }
  .padding-left-phone-14 { padding-left: 140px !important; }
  .padding-left-phone-15 { padding-left: 150px !important; }
  .padding-left-phone-16 { padding-left: 160px !important; }
  .padding-left-phone-17 { padding-left: 170px !important; }
  .padding-left-phone-18 { padding-left: 180px !important; }
  .padding-left-phone-19 { padding-left: 190px !important; }
  .padding-left-phone-20 { padding-left: 200px !important; }
  .margin-phone-0 { margin: 0 !important; }
  .margin-phone-1 { margin: 10px !important; }
  .margin-phone-2 { margin: 20px !important; }
  .margin-phone-3 { margin: 30px !important; }
  .margin-phone-4 { margin: 40px !important; }
  .margin-phone-5 { margin: 50px !important; }
  .margin-phone-6 { margin: 60px !important; }
  .margin-phone-7 { margin: 70px !important; }
  .margin-phone-8 { margin: 80px !important; }
  .margin-phone-9 { margin: 90px !important; }
  .margin-phone-10 { margin: 100px !important; }
  .margin-phone-11 { margin: 110px !important; }
  .margin-phone-12 { margin: 120px !important; }
  .margin-phone-13 { margin: 130px !important; }
  .margin-phone-14 { margin: 140px !important; }
  .margin-phone-15 { margin: 150px !important; }
  .margin-phone-16 { margin: 160px !important; }
  .margin-phone-17 { margin: 170px !important; }
  .margin-phone-18 { margin: 180px !important; }
  .margin-phone-19 { margin: 190px !important; }
  .margin-phone-20 { margin: 200px !important; }
  .margin-top-phone-0 { margin-top: 0 !important; }
  .margin-top-phone-1 { margin-top: 10px !important; }
  .margin-top-phone-2 { margin-top: 20px !important; }
  .margin-top-phone-3 { margin-top: 30px !important; }
  .margin-top-phone-4 { margin-top: 40px !important; }
  .margin-top-phone-5 { margin-top: 50px !important; }
  .margin-top-phone-6 { margin-top: 60px !important; }
  .margin-top-phone-7 { margin-top: 70px !important; }
  .margin-top-phone-8 { margin-top: 80px !important; }
  .margin-top-phone-9 { margin-top: 90px !important; }
  .margin-top-phone-10 { margin-top: 100px !important; }
  .margin-top-phone-11 { margin-top: 110px !important; }
  .margin-top-phone-12 { margin-top: 120px !important; }
  .margin-top-phone-13 { margin-top: 130px !important; }
  .margin-top-phone-14 { margin-top: 140px !important; }
  .margin-top-phone-15 { margin-top: 150px !important; }
  .margin-top-phone-16 { margin-top: 160px !important; }
  .margin-top-phone-17 { margin-top: 170px !important; }
  .margin-top-phone-18 { margin-top: 180px !important; }
  .margin-top-phone-19 { margin-top: 190px !important; }
  .margin-top-phone-20 { margin-top: 200px !important; }
  .margin-right-phone-0 { margin-right: 0 !important; }
  .margin-right-phone-1 { margin-right: 10px !important; }
  .margin-right-phone-2 { margin-right: 20px !important; }
  .margin-right-phone-3 { margin-right: 30px !important; }
  .margin-right-phone-4 { margin-right: 40px !important; }
  .margin-right-phone-5 { margin-right: 50px !important; }
  .margin-right-phone-6 { margin-right: 60px !important; }
  .margin-right-phone-7 { margin-right: 70px !important; }
  .margin-right-phone-8 { margin-right: 80px !important; }
  .margin-right-phone-9 { margin-right: 90px !important; }
  .margin-right-phone-10 { margin-right: 100px !important; }
  .margin-right-phone-11 { margin-right: 110px !important; }
  .margin-right-phone-12 { margin-right: 120px !important; }
  .margin-right-phone-13 { margin-right: 130px !important; }
  .margin-right-phone-14 { margin-right: 140px !important; }
  .margin-right-phone-15 { margin-right: 150px !important; }
  .margin-right-phone-16 { margin-right: 160px !important; }
  .margin-right-phone-17 { margin-right: 170px !important; }
  .margin-right-phone-18 { margin-right: 180px !important; }
  .margin-right-phone-19 { margin-right: 190px !important; }
  .margin-right-phone-20 { margin-right: 200px !important; }
  .margin-bottom-phone-0 { margin-bottom: 0 !important; }
  .margin-bottom-phone-1 { margin-bottom: 10px !important; }
  .margin-bottom-phone-2 { margin-bottom: 20px !important; }
  .margin-bottom-phone-3 { margin-bottom: 30px !important; }
  .margin-bottom-phone-4 { margin-bottom: 40px !important; }
  .margin-bottom-phone-5 { margin-bottom: 50px !important; }
  .margin-bottom-phone-6 { margin-bottom: 60px !important; }
  .margin-bottom-phone-7 { margin-bottom: 70px !important; }
  .margin-bottom-phone-8 { margin-bottom: 80px !important; }
  .margin-bottom-phone-9 { margin-bottom: 90px !important; }
  .margin-bottom-phone-10 { margin-bottom: 100px !important; }
  .margin-bottom-phone-11 { margin-bottom: 110px !important; }
  .margin-bottom-phone-12 { margin-bottom: 120px !important; }
  .margin-bottom-phone-13 { margin-bottom: 130px !important; }
  .margin-bottom-phone-14 { margin-bottom: 140px !important; }
  .margin-bottom-phone-15 { margin-bottom: 150px !important; }
  .margin-bottom-phone-16 { margin-bottom: 160px !important; }
  .margin-bottom-phone-17 { margin-bottom: 170px !important; }
  .margin-bottom-phone-18 { margin-bottom: 180px !important; }
  .margin-bottom-phone-19 { margin-bottom: 190px !important; }
  .margin-bottom-phone-20 { margin-bottom: 200px !important; }
  .margin-left-phone-0 { margin-left: 0 !important; }
  .margin-left-phone-1 { margin-left: 10px !important; }
  .margin-left-phone-2 { margin-left: 20px !important; }
  .margin-left-phone-3 { margin-left: 30px !important; }
  .margin-left-phone-4 { margin-left: 40px !important; }
  .margin-left-phone-5 { margin-left: 50px !important; }
  .margin-left-phone-6 { margin-left: 60px !important; }
  .margin-left-phone-7 { margin-left: 70px !important; }
  .margin-left-phone-8 { margin-left: 80px !important; }
  .margin-left-phone-9 { margin-left: 90px !important; }
  .margin-left-phone-10 { margin-left: 100px !important; }
  .margin-left-phone-11 { margin-left: 110px !important; }
  .margin-left-phone-12 { margin-left: 120px !important; }
  .margin-left-phone-13 { margin-left: 130px !important; }
  .margin-left-phone-14 { margin-left: 140px !important; }
  .margin-left-phone-15 { margin-left: 150px !important; }
  .margin-left-phone-16 { margin-left: 160px !important; }
  .margin-left-phone-17 { margin-left: 170px !important; }
  .margin-left-phone-18 { margin-left: 180px !important; }
  .margin-left-phone-19 { margin-left: 190px !important; }
  .margin-left-phone-20 { margin-left: 200px !important; }
}
.pointer-events { pointer-events: all !important; }
.disable-pointer-events { pointer-events: none !important; }
.space { padding: 0 20px; }
.pointer,
.cursorPointer { cursor: pointer; }
.cursorZoomIn,
[data-action="zoom"] {
  cursor: pointer;
  cursor: zoom-in !important;
}
.cursorZoomOut,
.zoom-img img.zoom-img,
.zoom-img-wrap img.zoom-img {
  cursor: pointer;
  cursor: zoom-out !important;
}
.cursorGrab {
  cursor: move;
  cursor: grab !important;
}
.cursorGrab:active {
  cursor: grabbing !important;
}
.pattern .background {
  background-repeat: repeat;
  background-size: auto;
}
.attachment-fixed {
  background-attachment: fixed !important;
  background-size: cover !important;
}
.disableClick { pointer-events: none; }
.noSelect, .noSelect *,
.disableSelect, .disableSelect * {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.selectable, .selectable *,
.enableSelect, .enableSelect * {
  -webkit-touch-callout: auto !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.clearBoth:after {
  content: "";
  clear: both;
  display: table;
}

/* Css exclusivo formulario contacto */
.pad .slides-form {
  margin-top: 0;
}
.pad .slides-form input,
.pad .slides-form textarea,
.pad .slides-form select {
  max-width: 100% !important;
  width: 100% !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  outline: none !important;
  padding: 13px 16px !important;
  background-color: #fff !important;
  color: #1e293b !important;
  font-size: 15px !important;
  font-family: inherit !important;
  transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease !important;
}
.pad .slides-form input:focus,
.pad .slides-form textarea:focus,
.pad .slides-form select:focus {
  border-color: #6366f1 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, .1) !important;
}
.pad .slides-form input:hover,
.pad .slides-form textarea:hover,
.pad .slides-form select:hover {
  border-color: #94a3b8 !important;
  background-color: #fff !important;
}
.pad .slides-form select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 42px !important;
  appearance: none !important;
  cursor: pointer !important;
}
.pad .slides-form input,
.pad .slides-form select,
.pad .slides-form textarea,
.pad .slides-form button[type="submit"] {
  margin: 0 5px 10px !important;
}
.pad .slides-form button[type="submit"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
  padding: 13px 24px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  transition: filter .2s ease, transform .15s ease, box-shadow .2s ease !important;
}
.pad .slides-form button[type="submit"]:hover {
  filter: brightness(1.07) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .15) !important;
  transform: translateY(-1px) !important;
}
.pad .slides-form button[type="submit"]:active {
  transform: translateY(0) !important;
  filter: brightness(.97) !important;
}
.pad .slides-form input::placeholder,
.pad .slides-form textarea::placeholder {
  color: black !important;
  font-weight: 400 !important;
}
.pad .slides-form input:focus::placeholder,
.pad .slides-form textarea:focus::placeholder {
  opacity: .4 !important;
}
.pad .slides-form input.pair,
.pad .slides-form input.pair + .pair {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  border-radius: 10px !important;
}
/* ══════════════════════════════════════════════════════════════════
   OVERRIDES BOOTSTRAP — slides.css pisa h1-h6/p/ul/li/button globales.
   Reconstruimos los modales (#modalProductos, #modalFaq) y sus botones.
   ══════════════════════════════════════════════════════════════════ */
.modal { font-family: "Roboto", sans-serif; }
.modal * { box-sizing: border-box; }

.modal .modal-content {
  color: #212529 !important;
  background: #fff !important;
  border-radius: 12px !important;
  overflow: hidden;
}

/* Header */
.modal .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 22px !important;
  background: #202020 !important;
  border-bottom: 3px solid #2196f3 !important;
}
.modal .modal-header .modal-title i { color: #2196f3 !important; }
.modal .modal-header .modal-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  color: #fff !important;
}
.modal .modal-header .btn-close {
  margin: 0 !important;
  padding: 0 !important;
  width: 18px;
  height: 18px;
  opacity: .85;
}

/* Body */
.modal .modal-body {
  padding: 24px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #212529 !important;
}
.modal .modal-body p {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  letter-spacing: normal !important;
  color: #6c757d !important;
}

/* Grid de módulos (modal Productos) */
.modal .modal-body .row { margin: 0 -8px !important; }
.modal .modal-body .row > [class*="col-"] { padding: 8px !important; }
.modal .modal-body .d-flex {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  height: 100%;
  padding: 16px !important;
  border-left: 3px solid transparent;
  border-radius: 8px !important;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.modal .modal-body .d-flex:hover {
  border-left-color: #2196f3;
  background: #eef6fd !important;
  transform: translateY(-2px);
}
.modal .modal-body .d-flex > i {
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  text-align: center !important;
  color: #2196f3 !important;
}
.modal .modal-body .d-flex > div { flex: 1 1 auto !important; min-width: 0; }
.modal .modal-body .d-flex > div .fw-semibold {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #202020 !important;
  margin-bottom: 2px;
}
.modal .modal-body .text-muted,
.modal .modal-body .small { color: #6c757d !important; }
.modal .modal-body .small { font-size: 13px !important; line-height: 1.45 !important; }

/* Accordion (modal FAQ) */
.modal .accordion-item {
  border: 1px solid #e6e6e6 !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  overflow: hidden;
}
.modal .accordion-header {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: normal !important;
}
.modal .accordion-button {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #202020 !important;
  padding: 14px 18px !important;
  letter-spacing: normal !important;
  background: #fff !important;
  box-shadow: none !important;
}
.modal .accordion-button:not(.collapsed) {
  background: #eef6fd !important;
  color: #1976d2 !important;
  box-shadow: inset 3px 0 0 #2196f3 !important;
}
.modal .accordion-button:focus {
  border-color: transparent !important;
  box-shadow: none !important;
}
.modal .accordion-button:not(.collapsed):focus {
  box-shadow: inset 3px 0 0 #2196f3 !important;
}
.modal .accordion-body {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #6c757d !important;
  padding: 14px 18px !important;
}
.modal .accordion-body strong { color: #202020 !important; }

/* Footer */
.modal .modal-footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px;
  padding: 16px 22px !important;
  border-top: 1px solid #eee !important;
}

/* Botones Bootstrap dentro de los modales */
.modal .btn {
  display: inline-block !important;
  width: auto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  padding: 9px 20px !important;
  border-radius: 7px !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: filter .15s ease, background .15s ease;
}
.modal .btn-dark {
  background: #2196f3 !important;
  color: #fff !important;
  border-color: #2196f3 !important;
  box-shadow: 0 2px 8px rgba(33,150,243,.35) !important;
}
.modal .btn-dark:hover { filter: brightness(1.08); }
.modal .btn-outline-secondary {
  background: #fff !important;
  color: #555 !important;
  border-color: #ccc !important;
}
.modal .btn-outline-secondary:hover {
  background: #f3f3f3 !important;
  border-color: #2196f3 !important;
  color: #2196f3 !important;
}

/* ── Mensaje de feedback del formulario de contacto (debajo del botón) ── */
#mensajeFormulario {
  display: none;
  margin: 12px 5px 0 !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  background-color: #e8f5e9 !important;
  color: #1b5e20 !important;
  border: 1px solid #a5d6a7 !important;
}
#mensajeFormulario.error {
  background-color: #fdecea !important;
  color: #b71c1c !important;
  border-color: #f5c6cb !important;
}
#mensajeFormulario i { margin-right: 6px; }