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

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background: 0 0
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

@font-face {
    font-family: Futura-CondensedLight-Normal;
    src: url(futura.eot);
    src: url(futura.eot?#iefix) format("embedded-opentype"), url(futura.woff) format("woff"), url(futura.ttf) format("truetype"), url(futura.svg#Futura-CondensedLight-Normal) format("svg");
    font-family: Futura-CondensedLight-Normal;
    src: url(../fonts/futura.eot);
    src: url(../fonts/futura.eot?#iefix) format('embedded-opentype'), url(../fonts/futura.woff2) format('woff2'), url(../fonts/futura.woff) format('woff'), url(../fonts/futura.ttf) format('truetype'), url(../fonts/futura.svg#{font-family}) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FuturaStd-CondensedExtraBd;
    src: url(futurastd-condensedextrabd.eot);
    src: url(futurastd-condensedextrabd.eot?#iefix) format("embedded-opentype"), url(futurastd-condensedextrabd.woff) format("woff"), url(futurastd-condensedextrabd.ttf) format("truetype"), url(futurastd-condensedextrabd.svg#FuturaStd-CondensedExtraBd) format("svg");
    font-family: FuturaStd-CondensedExtraBd;
    src: url(../fonts/futurastd-condensedextrabd.eot);
    src: url(../fonts/futurastd-condensedextrabd.eot?#iefix) format('embedded-opentype'), url(../fonts/futurastd-condensedextrabd.woff2) format('woff2'), url(../fonts/futurastd-condensedextrabd.woff) format('woff'), url(../fonts/futurastd-condensedextrabd.ttf) format('truetype'), url(../fonts/futurastd-condensedextrabd.svg#{font-family}) format('svg');
    font-weight: 400;
    font-style: normal
}

* {
    background-position: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0
}

::-moz-selection {
    color: #fff
}

::moz-selection, ::selection, ::webkit-selection {
    color: #fff
}

html {
    font-size: 62.5%;
    height: 100% !important;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 369px) {
    html {
        font-size: 54%
    }
}

@media only screen and (min-width: 370px) and (max-width: 767px) {
    html {
        font-size: 62.5%
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    html {
        font-size: 68%
    }
}

body {
    background: #fff;
    color: #666;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    min-height: 100%
}

li {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit
}

input, textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    resize: none;
    background-color: transparent
}

input, select, textarea {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300
}

input[type=email]::-ms-clear, input[type=password]::-ms-clear, input[type=text]::-ms-clear {
    display: none
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

textarea {
    resize: none
}

img {
    border: 0
}

b, strong {
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif
}

i {
    font-style: italic
}

h1, h2, h3, h4, h5, h6 {
    float: none;
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit
}

#header {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .7) 48px, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7) 48px, rgba(0, 0, 0, 0) 100%);
    height: 228px;
    width: 100%;
    font-size: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.animating #header {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out, transform .4s ease-in-out
}

#header:before {
    content: '';
    background: rgba(255, 255, 255, .2);
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 69px;
    left: 0;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

#header .header-limiter {
    margin-left: auto;
    margin-right: auto;
    max-width: 1740px;
    min-width: 320px;
    width: 100%;
    height: 100%;
    position: relative
}

#header .logo-performa, #header .social-navigation {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 23px;
    left: 0;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

#header .logo-performa li, #header .social-navigation li {
    display: inline-block;
    margin-left: .7rem
}

#header .logo-performa li:first-child, #header .social-navigation li:first-child {
    margin-left: 0
}

#header .logo-performa li.facebook a:hover svg, #header .social-navigation li.facebook a:hover svg {
    fill: #4867aa
}

#header .logo-performa li.instagram a:hover svg, #header .social-navigation li.instagram a:hover svg {
    fill: #d23591
}

#header .logo-performa li.whatsapp a, #header .social-navigation li.whatsapp a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    background: #25d366;
    border-radius: 2.7rem;
    height: 2.7rem;
    color: #fff;
    font-size: 11px
}

#header .logo-performa li.whatsapp a:hover, #header .social-navigation li.whatsapp a:hover {
    background: #21bd5c
}

@media only screen and (max-width: 679px) {
    #header .logo-performa li.whatsapp a, #header .social-navigation li.whatsapp a {
        background: 0 0
    }

    #header .logo-performa li.whatsapp a:hover, #header .social-navigation li.whatsapp a:hover {
        background: 0 0
    }

    #header .logo-performa li.whatsapp a:hover svg, #header .social-navigation li.whatsapp a:hover svg {
        fill: #25d366 !important
    }
}

#header .logo-performa li.whatsapp a span, #header .social-navigation li.whatsapp a span {
    margin-left: .4em;
    margin-right: .8em
}

@media only screen and (max-width: 679px) {
    #header .logo-performa li.whatsapp a span, #header .social-navigation li.whatsapp a span {
        display: none
    }
}

#header .logo-performa a, #header .logo-performa button, #header .social-navigation a, #header .social-navigation button {
    background: 0 0;
    border: 0;
    display: block
}

#header .logo-performa svg, #header .social-navigation svg {
    height: 2.7rem;
    width: 2.7rem;
    fill: #fff;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#header .logo-performa button:hover svg, #header .logo-performa li.active svg, #header .social-navigation button:hover svg, #header .social-navigation li.active svg {
    fill: #1ee063
}

#header .logo-performa {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 101px;
    left: 0;
    -webkit-transition: top .3s, left .3s;
    -o-transition: top .3s, left .3s;
    transition: top .3s, left .3s
}

#header .logo-performa img {
    display: block;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

#header .header-buttons {
    position: absolute;
    top: 16px;
    right: 0;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

#header .header-buttons #open-search {
    background: 0 0;
    border: 0;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    height: 3.7rem;
    width: 3.7rem;
    padding: .7rem;
    -webkit-transition: -webkit-transform .3s, background .3s;
    -o-transition: -o-transform .3s, background .3s;
    transition: -webkit-transform .3s, transform .3s, background .3s
}

#header .header-buttons #open-search svg {
    height: 2.3rem;
    width: 2.3rem;
    fill: #fff;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#header .header-buttons #open-menu {
    background: #fff;
    border: 0;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    height: 3.7rem;
    width: 3.7rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: -webkit-transform .4s ease-in-out, background .3s;
    -o-transition: -o-transform .4s ease-in-out, background .3s;
    transition: -webkit-transform .4s ease-in-out, transform .4s ease-in-out, background .3s;
    z-index: 99
}

@media screen and (min-width: 960px) {
    #header .header-buttons #open-menu:hover {
        background: #f0f0f0
    }
}

#header .header-buttons #open-menu .burguer {
    background: #ff4e00;
    display: block;
    height: 4px;
    width: 2.3rem;
    margin-left: -1.15rem;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform .32s cubic-bezier(.55, .055, .675, .19), background .4s;
    -o-transition: -o-transform .32s cubic-bezier(.55, .055, .675, .19), background .4s;
    transition: -webkit-transform .32s cubic-bezier(.55, .055, .675, .19), transform .32s cubic-bezier(.55, .055, .675, .19), background .4s
}

#header .header-buttons #open-menu .burguer:after, #header .header-buttons #open-menu .burguer:before {
    content: '';
    background: #ff4e00;
    display: block;
    height: 4px;
    width: 2.3rem;
    position: absolute;
    -webkit-transition: -webkit-transform .15s ease, background .4s;
    -o-transition: -o-transform .15s ease, background .4s;
    transition: -webkit-transform .15s ease, transform .15s ease, background .4s
}

#header .header-buttons #open-menu .burguer:before {
    top: -.8rem;
    -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in, background .2s;
    -o-transition: top .1s ease-in .25s, opacity .1s ease-in, background .2s;
    transition: top .1s ease-in .25s, opacity .1s ease-in, background .2s
}

#header .header-buttons #open-menu .burguer:after {
    bottom: -.8rem;
    -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .32s cubic-bezier(.55, .055, .675, .19), background .2s;
    -o-transition: bottom .1s ease-in .25s, -o-transform .32s cubic-bezier(.55, .055, .675, .19), background .2s;
    transition: bottom .1s ease-in .25s, -webkit-transform .32s cubic-bezier(.55, .055, .675, .19), transform .32s cubic-bezier(.55, .055, .675, .19), background .2s
}

body.menu-open #header .header-buttons #open-menu .burguer {
    background: #333;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: background .4s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: background .4s, -o-transform .22s cubic-bezier(.215, .61, .355, 1);
    transition: background .4s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1), transform .22s cubic-bezier(.215, .61, .355, 1)
}

body.menu-open #header .header-buttons #open-menu .burguer:before {
    background: #333;
    top: 0;
    -webkit-transition: top .1s ease-out, opacity .1s ease-out .22s, background .4s;
    -o-transition: top .1s ease-out, opacity .1s ease-out .22s, background .4s;
    transition: top .1s ease-out, opacity .1s ease-out .22s, background .4s;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

body.menu-open #header .header-buttons #open-menu .burguer:after {
    background: #333;
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .32s cubic-bezier(.215, .61, .355, 1) .12s, background .4s;
    -o-transition: bottom .1s ease-out, -o-transform .32s cubic-bezier(.215, .61, .355, 1) .12s, background .4s;
    transition: bottom .1s ease-out, -webkit-transform .32s cubic-bezier(.215, .61, .355, 1) .12s, transform .32s cubic-bezier(.215, .61, .355, 1) .12s, background .4s
}

@media screen and (min-width: 1250px) {
    #header #menu .customer-navigation {
        position: absolute;
        top: 16px;
        right: 85px
    }

    #header #menu .customer-navigation.logged {
        right: 60px;
        top: 11px
    }

    #header #menu .customer-navigation li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 42px
    }

    #header #menu .customer-navigation li:first-child {
        margin-left: 0
    }

    #header #menu .customer-navigation li.header-user-account .user-avatar {
        background: #ff4e00;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        height: 4.7rem;
        width: 4.7rem;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1.2rem;
        padding: .3rem
    }

    #header #menu .customer-navigation li.header-user-account .user-avatar img {
        background: #fff;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        max-height: 100%;
        max-width: 100%
    }

    #header #menu .customer-navigation li.header-user-account .user-info {
        display: inline-block;
        vertical-align: middle
    }

    #header #menu .customer-navigation li.header-user-account .user-info a {
        color: #fff;
        font-size: 15px;
        font-size: 1.5rem;
        display: inline-block;
        vertical-align: middle;
        margin-left: 2rem
    }

    #header #menu .customer-navigation li.header-user-account .user-info a:first-child {
        margin-left: 0
    }

    #header #menu .customer-navigation a {
        color: rgba(255, 255, 255, .5);
        display: block;
        font-size: 17px;
        font-size: 1.7rem;
        letter-spacing: .2px;
        line-height: 37px;
        font-family: Futura-CondensedLight-Normal;
        text-transform: uppercase;
        -webkit-transition: color .2s, font-size .2s;
        -o-transition: color .2s, font-size .2s;
        transition: color .2s, font-size .2s
    }

    #header #menu .customer-navigation a:hover {
        color: #fff
    }

    #header #menu .customer-navigation a:hover svg {
        fill: #fff
    }

    #header #menu .customer-navigation a svg {
        display: inline-block;
        vertical-align: middle;
        height: 2.1rem;
        width: 2.1rem;
        fill: rgba(255, 255, 255, .5);
        margin-right: .2rem;
        margin-top: -.4rem;
        -webkit-transition: fill .2s;
        -o-transition: fill .2s;
        transition: fill .2s
    }

    #header #menu .visitors-navigation {
        display: block;
        max-width: 550px;
        position: absolute;
        top: 99px;
        right: 0;
        width: 37%;
        -webkit-transition: top .3s;
        -o-transition: top .3s;
        transition: top .3s
    }

    #header #menu .visitors-navigation li {
        display: inline-block;
        width: calc(25% - 6px);
        margin: 0 3px
    }

    #header #menu .visitors-navigation a {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: 0 0;
        border: 2px solid #fff;
        color: #fff;
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 43px;
        width: 100%;
        font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
        font-size: 15px;
        font-size: 1.5rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-transform: uppercase;
        -webkit-transition: -webkit-box-shadow .3s, color .3s, background-color .3s, font-size .2s;
        -o-transition: box-shadow .3s, color .3s, background-color .3s, font-size .2s;
        -webkit-transition: color .3s, background-color .3s, font-size .2s, -webkit-box-shadow .3s;
        transition: color .3s, background-color .3s, font-size .2s, -webkit-box-shadow .3s;
        transition: box-shadow .3s, color .3s, background-color .3s, font-size .2s;
        transition: box-shadow .3s, color .3s, background-color .3s, font-size .2s, -webkit-box-shadow .3s
    }

    .no-flexbox #header #menu .visitors-navigation a {
        line-height: 43px
    }

    #header #menu .visitors-navigation a:hover {
        background: #fff;
        color: #333
    }

    #header #menu .members-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 600px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: absolute;
        top: 99px;
        right: 630px;
        width: calc(100% - 760px);
        -webkit-transition: top .3s;
        -o-transition: top .3s;
        transition: top .3s
    }

    #header #menu .members-navigation li {
        display: inline-block
    }

    #header #menu .members-navigation a {
        color: #fff;
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: -.5px;
        line-height: 43px;
        font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
        text-transform: uppercase;
        -webkit-transition: color .2s, font-size .2s;
        -o-transition: color .2s, font-size .2s;
        transition: color .2s, font-size .2s
    }

    #header #menu .members-navigation a:hover {
        color: #f0f0f0
    }

    #header #menu .performa-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 890px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: absolute;
        top: 16px;
        right: 340px;
        width: calc(100% - 743px)
    }

    #header #menu .performa-navigation li {
        display: inline-block
    }

    #header #menu .performa-navigation li.estacionamento {
        display: none
    }

    #header #menu .performa-navigation a {
        color: rgba(255, 255, 255, .5);
        display: block;
        font-size: 17px;
        font-size: 1.7rem;
        letter-spacing: .2px;
        line-height: 37px;
        font-family: Futura-CondensedLight-Normal;
        text-transform: uppercase;
        -webkit-transition: color .2s, font-size .2s;
        -o-transition: color .2s, font-size .2s;
        transition: color .2s, font-size .2s
    }

    #header #menu .performa-navigation a:hover {
        color: #fff
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) {
    #header #menu .customer-navigation {
        right: 125px
    }

    #header #menu .customer-navigation.logged {
        right: 100px
    }

    #header #menu .customer-navigation li.header-user-account {
        margin-left: 2rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (min-width: 1301px) and (max-width: 1400px) {
    #header #menu .customer-navigation a {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (max-width: 1300px) {
    #header #menu .customer-navigation a {
        font-size: 15px;
        font-size: 1.5rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) {
    #header #menu .visitors-navigation {
        right: 40px
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (min-width: 1301px) and (max-width: 1400px) {
    #header #menu .visitors-navigation a {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (max-width: 1300px) {
    #header #menu .visitors-navigation a {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) {
    #header #menu .members-navigation {
        right: 616px;
        width: calc(100% - 950px)
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (max-width: 1560px) {
    #header #menu .members-navigation {
        left: 310px;
        width: calc(60% - 330px)
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (min-width: 1301px) and (max-width: 1400px) {
    #header #menu .members-navigation a {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (max-width: 1300px) {
    #header #menu .members-navigation a {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) {
    #header #menu .performa-navigation {
        right: 464px;
        width: calc(100% - 743px);
        max-width: 753px
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (max-width: 1560px) {
    #header #menu .performa-navigation {
        left: 310px;
        width: calc(78% - 430px)
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (min-width: 1301px) and (max-width: 1400px) {
    #header #menu .performa-navigation a {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1250px) and (max-width: 1820px) and (max-width: 1300px) {
    #header #menu .performa-navigation a {
        font-size: 15px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 1249px) {
    #header #menu {
        background: #333;
        height: 100vh;
        width: 35rem;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        text-align: right;
        visibility: hidden
    }

    .animating #header #menu {
        -webkit-transition: visibility 0s linear .4s;
        -o-transition: visibility 0s linear .4s;
        transition: visibility 0s linear .4s
    }

    #header #menu:before {
        content: '';
        background: #333;
        height: 94px;
        width: 33rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2
    }

    .menu-open #header #menu {
        visibility: visible;
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

    #header #menu .menu-wrapper {
        height: 100vh;
        overflow-y: auto;
        padding-bottom: 30px;
        padding-top: 120px
    }

    #header #menu a {
        display: block;
        color: #fff;
        font-size: 20px;
        font-size: 2rem;
        padding: .3rem 3.3rem;
        line-height: 3.3rem;
        text-transform: uppercase;
        -webkit-transition: color .2s cubic-bezier(.45, .05, .55, .95);
        -o-transition: color .2s cubic-bezier(.45, .05, .55, .95);
        transition: color .2s cubic-bezier(.45, .05, .55, .95)
    }

    #header #menu a:hover {
        color: #ff4e00
    }

    #header #menu a:hover svg {
        fill: #ff4e00
    }

    #header #menu ul {
        margin-bottom: 3rem
    }

    #header #menu ul:last-child {
        margin-bottom: 0
    }

    #header #menu .customer-navigation {
        padding-bottom: 69px;
        position: relative
    }

    #header #menu .customer-navigation svg {
        display: inline-block;
        vertical-align: middle;
        height: 2.6rem;
        width: 2.1rem;
        fill: #fff;
        margin-right: .2rem;
        margin-top: -.4rem;
        -webkit-transition: fill .2s cubic-bezier(.45, .05, .55, .95);
        -o-transition: fill .2s cubic-bezier(.45, .05, .55, .95);
        transition: fill .2s cubic-bezier(.45, .05, .55, .95)
    }

    #header #menu .customer-navigation li:first-child {
        border-bottom: 2px solid rgba(255, 255, 255, .2);
        border-top: 2px solid rgba(255, 255, 255, .2);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    #header #menu .customer-navigation li:first-child a {
        padding-bottom: 1.6rem;
        padding-top: 1.6rem
    }

    #header #menu .customer-navigation .header-user-account {
        font-size: 0;
        font-size: 0
    }

    #header #menu .customer-navigation .header-user-account .user-avatar {
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        height: 10rem;
        width: 10rem;
        display: inline-block;
        vertical-align: top;
        padding: 0
    }

    #header #menu .customer-navigation .header-user-account .user-avatar img {
        background: #fff;
        border: 3px solid #ff4e00;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        -webkit-box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, .6);
        box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, .6);
        max-height: 100%;
        max-width: 100%
    }

    #header #menu .customer-navigation .header-user-account .user-info {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 1.6rem;
        width: calc(100% - 13.3rem)
    }

    #header #menu .customer-navigation .header-user-account .user-info .user-name {
        font-size: 18px;
        font-size: 1.8rem;
        color: rgba(255, 255, 255, .5)
    }

    #header #menu .customer-navigation .header-user-account .user-info a {
        font-size: 25px;
        font-size: 2.5rem
    }

    #header #menu .customer-navigation a, #header #menu .performa-navigation a {
        font-family: Futura-CondensedLight-Normal
    }

    #header #menu .members-navigation a, #header #menu .visitors-navigation a {
        font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif
    }
}

#header .reponsive-only {
    display: none
}

#header #search-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .85);
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity .6s, visibility 0s linear .6s, -webkit-transform 0s linear .6s;
    -o-transition: opacity .6s, visibility 0s linear .6s, -o-transform 0s linear .6s;
    transition: opacity .6s, visibility 0s linear .6s, -webkit-transform 0s linear .6s, transform 0s linear .6s;
    visibility: hidden;
    z-index: 999;
    cursor: pointer
}

#header #search-wrapper .search-title {
    color: #fff;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 60px;
    font-size: 6rem;
    margin-bottom: 6.5rem;
    text-transform: uppercase;
    cursor: text
}

#header #search-wrapper input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 9.3rem;
    width: 100%;
    font-size: 30px;
    font-size: 3rem;
    padding: 2rem 7.2rem 2rem 0
}

#header #search-wrapper input[type=search]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #000 inset !important;
    -webkit-text-fill-color: #fff !important
}

#header #search-wrapper button {
    background: #fff;
    border: 0;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    height: 5.2rem;
    width: 5.2rem;
    padding: 1.3rem;
    position: absolute;
    bottom: 4.1rem;
    right: 1.5rem;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

#header #search-wrapper button svg {
    height: 2.6rem;
    width: 2.6rem;
    fill: #333;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#header #search-wrapper button:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}

#header #search-wrapper button:hover {
    background: #ff4e00
}

#header #search-wrapper button:hover svg {
    fill: #fff
}

#header #search-wrapper form {
    display: block;
    max-width: 96rem;
    padding: 2rem 1.5rem;
    position: relative;
    width: 100%;
    text-align: center;
    cursor: default
}

body.search-open #header #search-wrapper {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .8s, visibility 0s linear, -webkit-transform 0s linear;
    -o-transition: opacity .8s, visibility 0s linear, -o-transform 0s linear;
    transition: opacity .8s, visibility 0s linear, -webkit-transform 0s linear, transform 0s linear
}

@media (min-width: 1250px) {
    body.spotify-open #header .logo-performa {
        top: 163px
    }

    body.spotify-open #header #menu .members-navigation, body.spotify-open #header #menu .visitors-navigation {
        top: 159px
    }
}

@media screen and (min-width: 960px) and (max-width: 1820px) {
    #header .logo-performa, #header .social-navigation {
        left: 20px
    }

    #header .header-buttons {
        right: 20px
    }
}

@media screen and (min-width: 960px) and (max-width: 1820px) and (min-width: 1250px) {
    #header .header-buttons #open-search:hover svg {
        fill: #ff4e00
    }
}

@media screen and (min-width: 960px) and (max-width: 1249px) {
    #header:before {
        top: 94px
    }

    #header .social-navigation {
        top: 36px
    }

    #header .social-navigation li.whatsapp a {
        background: 0 0
    }

    #header .social-navigation li.whatsapp a:hover {
        background: 0 0
    }

    #header .social-navigation li.whatsapp a span {
        display: none
    }

    #header .social-navigation li.whatsapp a svg {
        fill: #fff
    }

    #header .social-navigation li.whatsapp a svg:hover {
        fill: #25d366 !important
    }

    #header .logo-performa {
        left: 160px;
        top: 36px
    }

    #header .logo-performa img {
        height: 30px
    }

    #header .header-buttons {
        top: 30px
    }

    #header .header-buttons #open-search {
        background: #fff;
        -webkit-transform: translateX(-45px);
        -ms-transform: translateX(-45px);
        transform: translateX(-45px)
    }

    #header .header-buttons #open-search svg {
        fill: #333
    }

    #header .header-buttons #open-search:hover {
        background: #f0f0f0
    }

    #header .header-buttons #open-menu {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    #header .reponsive-only {
        display: block;
        position: absolute;
        top: 26px;
        left: 355px;
        width: calc(100% - 465px);
        white-space: nowrap
    }

    #header .reponsive-only .visitors-navigation {
        display: inline-block;
        vertical-align: middle;
        min-width: 240px;
        width: calc(100% - 140px)
    }

    #header .reponsive-only .visitors-navigation li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: calc(25% - 3px)
    }

    #header .reponsive-only .visitors-navigation a {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: 0 0;
        border: 2px solid #fff;
        color: #fff;
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 43px;
        width: 100%;
        font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
        font-size: 13px;
        font-size: 1.3rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: -webkit-box-shadow .3s, color .3s, background-color .3s, font-size .2s;
        -o-transition: box-shadow .3s, color .3s, background-color .3s, font-size .2s;
        -webkit-transition: color .3s, background-color .3s, font-size .2s, -webkit-box-shadow .3s;
        transition: color .3s, background-color .3s, font-size .2s, -webkit-box-shadow .3s;
        transition: box-shadow .3s, color .3s, background-color .3s, font-size .2s;
        transition: box-shadow .3s, color .3s, background-color .3s, font-size .2s, -webkit-box-shadow .3s
    }

    .no-flexbox #header .reponsive-only .visitors-navigation a {
        line-height: 43px
    }

    #header .reponsive-only .visitors-navigation a:hover {
        background: #fff;
        color: #333
    }

    #header .reponsive-only .customer-navigation {
        display: inline-block;
        vertical-align: middle
    }

    #header .reponsive-only .customer-navigation li {
        display: inline-block;
        margin-left: 26px;
        vertical-align: middle
    }

    #header .reponsive-only .customer-navigation li.header-user-account .user-avatar {
        background: #ff4e00;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        height: 4.3rem;
        width: 4.3rem;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1.2rem;
        padding: .2rem
    }

    #header .reponsive-only .customer-navigation li.header-user-account .user-avatar img {
        background: #fff;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        max-height: 100%;
        max-width: 100%
    }

    #header .reponsive-only .customer-navigation li.header-user-account .user-account {
        margin-right: 2rem
    }

    #header .reponsive-only .customer-navigation li.header-user-account .user-account, #header .reponsive-only .customer-navigation li.header-user-account .user-logout {
        color: #fff;
        font-size: 15px;
        font-size: 1.5rem;
        display: inline-block;
        vertical-align: middle
    }

    #header .reponsive-only .customer-navigation a {
        color: rgba(255, 255, 255, .5);
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: .2px;
        line-height: 37px;
        font-family: Futura-CondensedLight-Normal;
        text-transform: uppercase;
        -webkit-transition: color .2s, font-size .2s;
        -o-transition: color .2s, font-size .2s;
        transition: color .2s, font-size .2s
    }

    #header .reponsive-only .customer-navigation a:hover {
        color: #fff
    }

    #header .reponsive-only .customer-navigation a:hover svg {
        fill: #fff
    }

    #header .reponsive-only .customer-navigation a svg {
        display: inline-block;
        vertical-align: middle;
        height: 2.1rem;
        width: 2.1rem;
        fill: rgba(255, 255, 255, .5);
        margin-right: .2rem;
        margin-top: -.4rem;
        -webkit-transition: fill .2s;
        -o-transition: fill .2s;
        transition: fill .2s
    }

    body.menu-open #content, body.menu-open #header {
        -webkit-transform: translateX(-350px);
        -ms-transform: translateX(-350px);
        transform: translateX(-350px)
    }

    body.menu-open #header .header-buttons #open-menu {
        -webkit-transform: scale(1) translateX(357px);
        -ms-transform: scale(1) translateX(357px);
        transform: scale(1) translateX(357px)
    }
}

@media screen and (min-width: 960px) and (max-width: 1249px) and (max-width: 1150px) {
    #header .reponsive-only .customer-navigation li:first-child {
        margin-left: 21px
    }
}

@media only screen and (max-width: 1050px) {
    #header .reponsive-only {
        width: calc(100% - 385px)
    }

    #header .reponsive-only .customer-navigation a {
        font-size: 0 !important;
        font-size: 0 !important
    }
}

@media screen and (max-width: 959px) {
    #header {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, .7) 2rem, rgba(0, 0, 0, .32) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2rem, rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .32)));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7) 2rem, rgba(0, 0, 0, .32) 100%);
        -webkit-box-shadow: 0 1.2rem 1.8rem 0 rgba(0, 0, 0, .32);
        box-shadow: 0 1.2rem 1.8rem 0 rgba(0, 0, 0, .32);
        position: fixed;
        height: calc(5rem + 1px)
    }

    #header:before {
        top: 5rem
    }

    #header .social-navigation {
        top: 1.3rem;
        left: 1.6rem
    }

    #header .social-navigation li {
        margin-left: .6rem
    }

    #header .social-navigation li:first-child {
        margin-left: 0
    }

    #header .social-navigation svg {
        height: 2.4rem;
        width: 2.4rem
    }

    #header .logo-performa {
        left: 50%;
        top: 1.5rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #header .logo-performa img {
        height: 2rem
    }

    #header .header-buttons {
        top: 1.3rem;
        right: 1.6rem
    }

    #header .header-buttons #open-search {
        height: 2.4rem;
        width: 2.4rem;
        display: inline-block;
        vertical-align: top;
        padding: .2rem
    }

    #header .header-buttons #open-search svg {
        height: 2rem;
        width: 2rem
    }

    #header .header-buttons #open-menu {
        background: 0 0;
        height: 2.4rem;
        width: 2.4rem;
        display: inline-block;
        vertical-align: top;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        margin-left: 1.2rem;
        position: relative
    }

    #header .header-buttons #open-menu .burguer {
        background: #fff;
        height: 3px;
        width: 2rem;
        margin-left: -1rem;
        margin-top: -1.5px
    }

    #header .header-buttons #open-menu .burguer:after, #header .header-buttons #open-menu .burguer:before {
        background: #fff;
        height: 3px;
        width: 2rem
    }

    #header .header-buttons #open-menu .burguer:before {
        top: -.7rem
    }

    #header .header-buttons #open-menu .burguer:after {
        bottom: -.7rem
    }

    body.menu-open #header .header-buttons #open-menu {
        background: #fff
    }

    body.menu-open #header .header-buttons #open-menu .burguer {
        background: #333
    }

    body.menu-open #header .header-buttons #open-menu .burguer:before {
        background: #333
    }

    body.menu-open #header .header-buttons #open-menu .burguer:after {
        background: #333
    }

    #header #menu:before {
        height: calc(5rem + 1px);
        width: 33.4rem
    }

    #header #menu .menu-wrapper {
        padding-bottom: 3rem;
        padding-top: calc(5rem + 1px)
    }

    #header #menu a {
        font-size: 19px;
        font-size: 1.9rem;
        padding: .5rem 1.6rem;
        letter-spacing: .5px;
        line-height: 2.8rem
    }

    #header #menu ul {
        margin-bottom: 1.2rem
    }

    #header #menu ul:last-child {
        margin-bottom: 0
    }

    #header #menu .customer-navigation {
        border-bottom: 2px solid rgba(255, 255, 255, .2);
        padding-bottom: calc(6.8rem + 2px)
    }

    #header #menu .customer-navigation li {
        display: inline-block
    }

    #header #menu .customer-navigation li:first-child {
        margin-right: 1rem;
        border-bottom: 0;
        border-top: 2px solid rgba(255, 255, 255, .2)
    }

    #header #menu .customer-navigation li:first-child a {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    #header #menu .customer-navigation a {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 2.2rem 1.6rem
    }

    #header #menu .customer-navigation svg {
        height: 2.8rem;
        width: 2.3rem;
        margin-right: .3rem;
        margin-top: -.4rem
    }

    #header #menu .customer-navigation .header-user-account {
        display: block
    }

    #header #menu .customer-navigation .header-user-account .user-avatar {
        height: 8rem;
        width: 8rem;
        max-width: 98px;
        max-height: 98px
    }

    #header #menu .customer-navigation .header-user-account .user-avatar img {
        border-width: 2px
    }

    #header #menu .customer-navigation .header-user-account .user-info {
        padding-bottom: 1.6rem;
        width: calc(100% - 12rem)
    }

    #header #menu .customer-navigation .header-user-account .user-info a {
        font-size: 27px;
        font-size: 2.7rem;
        line-height: 2.8rem;
        padding-bottom: .6rem;
        padding-top: .6rem
    }

    #header #menu .customer-navigation .header-user-account .user-info .user-name {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 2.6rem
    }

    #header #menu .visitors-navigation {
        border-bottom: 2px solid rgba(255, 255, 255, .2);
        padding-bottom: 1.2rem
    }

    #header #menu .performa-navigation a {
        font-size: 22px;
        font-size: 2.2rem
    }

    #header #search-wrapper .search-title {
        font-size: 32px;
        font-size: 3.2rem;
        margin-bottom: 1.5rem
    }

    #header #search-wrapper form {
        max-width: 60rem
    }

    body.menu-open #content, body.menu-open #header {
        -webkit-transform: translateX(-35rem);
        -ms-transform: translateX(-35rem);
        transform: translateX(-35rem)
    }

    body.menu-open #header .header-buttons #open-menu {
        -webkit-transform: scale(1.2) translateX(29rem);
        -ms-transform: scale(1.2) translateX(29rem);
        transform: scale(1.2) translateX(29rem)
    }
}

#footer {
    font-size: 0;
    font-size: 0;
    padding-bottom: 8.2rem;
    padding-top: 13.5rem;
    position: relative;
    text-align: center
}

#footer .performa-slogan {
    margin-bottom: 6.9rem
}

#footer .performa-slogan .logo-performa {
    display: inline-block;
    vertical-align: middle
}

#footer .performa-slogan .logo-performa img {
    display: block
}

#footer .performa-slogan .slogan-performa {
    font-size: 25px;
    font-size: 2.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.5rem;
    margin-top: -.2rem;
    padding-left: 2.1rem;
    position: relative;
    text-transform: uppercase
}

#footer .performa-slogan .slogan-performa:after {
    content: '';
    background: #666;
    height: 3.3rem;
    width: 2px;
    position: absolute;
    top: -.3rem;
    left: 0
}

#footer .floating-whatsapp {
    position: fixed;
    right: 3rem;
    bottom: 5rem;
    z-index: 98
}

@media only screen and (max-width: 959px) {
    #footer .floating-whatsapp {
        left: 20px;
        bottom: 20px;
        right: auto
    }
}

#footer .floating-whatsapp a {
    -webkit-box-shadow: 0 0 .8rem .2rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .8rem .2rem rgba(0, 0, 0, .2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #fff;
    display: block;
    border-radius: 50%
}

#footer .floating-whatsapp a svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    fill: #25d366;
    height: 6vh
}

@media only screen and (max-width: 959px) {
    #footer .floating-whatsapp a svg {
        height: 65px
    }
}

#footer .floating-whatsapp a:hover svg {
    fill: #21bd5c
}

#footer .visitors-navigation {
    display: block;
    max-width: 87rem;
    margin: 0 auto 5.6rem;
    width: 100%
}

#footer .visitors-navigation li {
    display: inline-block;
    width: calc(33.33% - 1.8rem)
}

#footer .visitors-navigation li:nth-child(2) {
    margin: 0 2.7rem;
    width: calc(33.34% - 1.8rem)
}

#footer .visitors-navigation a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 10px 25px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 10px 25px 1px rgba(0, 0, 0, .12);
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 10rem;
    width: 100%;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 21px;
    font-size: 2.1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-transform: uppercase;
    -webkit-transition: -webkit-box-shadow .3s, color .3s, background-color .3s;
    -o-transition: box-shadow .3s, color .3s, background-color .3s;
    -webkit-transition: color .3s, background-color .3s, -webkit-box-shadow .3s;
    transition: color .3s, background-color .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, color .3s, background-color .3s;
    transition: box-shadow .3s, color .3s, background-color .3s, -webkit-box-shadow .3s
}

.no-flexbox #footer .visitors-navigation a {
    line-height: 10rem
}

#footer .visitors-navigation a:hover {
    background: #333;
    color: #fff;
    -webkit-box-shadow: 0 5px 25px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 25px 1px rgba(0, 0, 0, .12)
}

#footer .members-navigation a, #footer .performa-navigation a, #footer .terms-navigation a {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

#footer .members-navigation a:hover, #footer .performa-navigation a:hover, #footer .terms-navigation a:hover {
    color: #000
}

#footer .members-navigation a:hover svg, #footer .performa-navigation a:hover svg, #footer .terms-navigation a:hover svg {
    fill: #000
}

#footer .members-navigation {
    display: block;
    margin-bottom: 4.2rem
}

#footer .members-navigation li {
    display: inline-block;
    margin: 0 2rem
}

#footer .members-navigation a {
    display: block;
    font-size: 15.4px;
    font-size: 1.54rem;
    letter-spacing: -.6px;
    line-height: 2.8rem;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    text-transform: uppercase
}

#footer .performa-menu {
    display: block;
    max-width: 103.4rem;
    margin: 0 auto 5.6rem;
    width: 100%
}

#footer .performa-navigation {
    display: inline-block;
    vertical-align: middle;
    display: -webkit-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: calc(96.8% - 11.7rem);
    margin-right: 3.2%
}

#footer .performa-navigation li {
    display: inline-block
}

#footer .performa-navigation li.big-margin {
    margin-left: 2.8rem
}

#footer .performa-navigation a {
    font-family: Futura-CondensedLight-Normal;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: .3px;
    text-transform: uppercase
}

#footer .performa-navigation svg {
    display: inline-block;
    vertical-align: middle;
    height: 2.4rem;
    width: 2.4rem;
    fill: #666;
    margin-right: .2rem;
    margin-top: -.4rem;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

#footer .social-navigation {
    display: inline-block;
    vertical-align: middle;
    width: 11.7rem
}

#footer .social-navigation li {
    display: inline-block;
    margin-left: .7rem
}

#footer .social-navigation li:first-child {
    margin-left: 0
}

#footer .social-navigation a, #footer .social-navigation button {
    background: 0 0;
    border: 0;
    display: block
}

#footer .social-navigation a:hover svg, #footer .social-navigation button:hover svg {
    fill: #333
}

#footer .social-navigation svg {
    height: 2.4rem;
    width: 2.4rem;
    fill: #999;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#footer .terms-navigation {
    display: block;
    text-align: center;
    margin: 0 auto 5.6rem;
    width: 100%
}

#footer .terms-navigation li {
    display: inline-block;
    margin: 0 2rem
}

#footer .terms-navigation a {
    font-family: Futura-CondensedLight-Normal;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: .3px;
    text-transform: uppercase
}

#footer .contacts {
    font-family: Futura-CondensedLight-Normal;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 auto 5.6rem
}

#footer .contacts p {
    margin-top: 1rem
}

#footer .ezoom svg {
    height: 1.2rem;
    width: 4.9rem;
    fill: rgba(0, 0, 0, .2);
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

#footer .ezoom:hover svg {
    fill: #333
}

@media screen and (max-width: 959px) {
    #footer {
        padding-bottom: 4.6rem;
        padding-top: 8rem
    }

    #footer .performa-slogan {
        margin-bottom: 3.8rem
    }

    #footer .performa-slogan .logo-performa img {
        height: 2.4rem
    }

    #footer .performa-slogan .slogan-performa {
        font-size: 13.8px;
        font-size: 1.3800000000000001rem;
        margin-left: .82rem;
        margin-top: -.1rem;
        padding-left: 1.1rem
    }

    #footer .performa-slogan .slogan-performa:after {
        content: '';
        background: #666;
        height: 1.8rem;
        width: 2px;
        position: absolute;
        top: -.1rem;
        left: 0
    }

    #footer .visitors-navigation {
        margin: 0 auto 3rem
    }

    #footer .visitors-navigation li {
        width: calc(33.33% - .8rem)
    }

    #footer .visitors-navigation li:nth-child(2) {
        margin: 0 1.2rem;
        width: calc(33.34% - .8rem)
    }

    #footer .visitors-navigation a {
        -webkit-box-shadow: 0 .55rem 1.38rem 1px rgba(0, 0, 0, .12);
        box-shadow: 0 .55rem 1.38rem 1px rgba(0, 0, 0, .12);
        height: 4.4rem;
        font-size: 13px;
        font-size: 1.3rem
    }

    .no-flexbox #footer .visitors-navigation a {
        line-height: 4.4rem
    }

    #footer .visitors-navigation a:hover {
        background: #333;
        color: #fff;
        -webkit-box-shadow: 0 .25px 1.38px 1px rgba(0, 0, 0, .12);
        box-shadow: 0 .25px 1.38px 1px rgba(0, 0, 0, .12)
    }

    #footer .ezoom svg {
        height: .9rem;
        width: 4.1rem
    }

    #footer .members-navigation, #footer .performa-menu, #footer .performa-navigation, #footer .social-navigation {
        display: none
    }

    #footer .terms-navigation {
        margin-bottom: 3.6rem
    }

    #footer .terms-navigation li {
        margin: 0 0 1rem;
        width: 100%
    }

    #footer .terms-navigation a {
        line-height: 2.4rem
    }
}

.selectize-input, input[type=email], input[type=file], input[type=password], input[type=tel], input[type=text], select, textarea {
    -webkit-transition: border-color .3s cubic-bezier(.45, .05, .55, .95), margin-bottom .2s cubic-bezier(.45, .05, .55, .95) .2s;
    -o-transition: border-color .3s cubic-bezier(.45, .05, .55, .95), margin-bottom .2s cubic-bezier(.45, .05, .55, .95) .2s;
    transition: border-color .3s cubic-bezier(.45, .05, .55, .95), margin-bottom .2s cubic-bezier(.45, .05, .55, .95) .2s
}

.selectize-input.error, input[type=email].error, input[type=file].error, input[type=password].error, input[type=tel].error, input[type=text].error, select.error, textarea.error {
    margin-bottom: 3rem;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.selectize-input.error ~ .selectize-control, input[type=email].error ~ .selectize-control, input[type=file].error ~ .selectize-control, input[type=password].error ~ .selectize-control, input[type=tel].error ~ .selectize-control, input[type=text].error ~ .selectize-control, select.error ~ .selectize-control, textarea.error ~ .selectize-control {
    margin-bottom: 3rem
}

.selectize-input.error ~ .error-message, input[type=email].error ~ .error-message, input[type=file].error ~ .error-message, input[type=password].error ~ .error-message, input[type=tel].error ~ .error-message, input[type=text].error ~ .error-message, select.error ~ .error-message, textarea.error ~ .error-message {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-transition: opacity .3s cubic-bezier(.45, .05, .55, .95) .2s, -webkit-transform .3s cubic-bezier(.45, .05, .55, .95) .2s, visibility 0s linear 0s;
    -o-transition: opacity .3s cubic-bezier(.45, .05, .55, .95) .2s, -o-transform .3s cubic-bezier(.45, .05, .55, .95) .2s, visibility 0s linear 0s;
    transition: opacity .3s cubic-bezier(.45, .05, .55, .95) .2s, -webkit-transform .3s cubic-bezier(.45, .05, .55, .95) .2s, transform .3s cubic-bezier(.45, .05, .55, .95) .2s, visibility 0s linear 0s
}

input[type=email]:-webkit-autofill, input[type=file]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=text]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important
}

.error-message {
    background: #fff;
    color: #cf271e;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Futura-CondensedLight-Normal;
    line-height: 2rem;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    bottom: .8rem;
    left: 0;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: opacity .2s cubic-bezier(.22, .61, .36, 1), -webkit-transform .2s cubic-bezier(.45, .05, .55, .95), visibility 0s linear .2s;
    -o-transition: opacity .2s cubic-bezier(.22, .61, .36, 1), -o-transform .2s cubic-bezier(.45, .05, .55, .95), visibility 0s linear .2s;
    transition: opacity .2s cubic-bezier(.22, .61, .36, 1), -webkit-transform .2s cubic-bezier(.45, .05, .55, .95), transform .2s cubic-bezier(.45, .05, .55, .95), visibility 0s linear .2s;
    -webkit-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    transform: translateX(2rem);
    visibility: hidden;
    white-space: nowrap;
    z-index: 0
}

.ajax-form {
    position: relative
}

.ajax-form button[type=submit] {
    overflow: hidden;
    position: relative
}

.ajax-form button[type=submit]:after {
    content: '';
    background: url(../svg/preloader-reverse.svg) 50% 50% no-repeat;
    background-size: auto 60%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    visibility: hidden;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.6, -.28, .74, .05), opacity .2s ease, visibility 0s linear .2s;
    -o-transition: -o-transform .2s cubic-bezier(.6, -.28, .74, .05), opacity .2s ease, visibility 0s linear .2s;
    transition: -webkit-transform .2s cubic-bezier(.6, -.28, .74, .05), transform .2s cubic-bezier(.6, -.28, .74, .05), opacity .2s ease, visibility 0s linear .2s;
    z-index: 0
}

.ajax-form button[type=submit].reverse-button:after {
    background-image: url(../svg/preloader.svg)
}

.ajax-form.sending button[type=submit] {
    background: #333 !important
}

.ajax-form.sending button[type=submit] span, .ajax-form.sending button[type=submit] svg {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.ajax-form.sending button[type=submit]:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.36), opacity .1s cubic-bezier(.39, .58, .57, 1), visibility 0s linear 0s;
    -o-transition: -o-transform .3s cubic-bezier(.17, .67, .45, 1.36), opacity .1s cubic-bezier(.39, .58, .57, 1), visibility 0s linear 0s;
    transition: -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.36), transform .3s cubic-bezier(.17, .67, .45, 1.36), opacity .1s cubic-bezier(.39, .58, .57, 1), visibility 0s linear 0s
}

.ajax-form .form-fields {
    position: relative;
    -webkit-transition: opacity .55s cubic-bezier(.23, 1, .32, 1), -webkit-transform .55s cubic-bezier(.23, 1, .32, 1), visibility 0s;
    -o-transition: opacity .55s cubic-bezier(.23, 1, .32, 1), -o-transform .55s cubic-bezier(.23, 1, .32, 1), visibility 0s;
    transition: opacity .55s cubic-bezier(.23, 1, .32, 1), -webkit-transform .55s cubic-bezier(.23, 1, .32, 1), transform .55s cubic-bezier(.23, 1, .32, 1), visibility 0s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    z-index: 2
}

.ajax-form .form-response {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.78);
    -ms-transform: scale(.78);
    transform: scale(.78);
    text-align: center;
    -webkit-transition: opacity .55s cubic-bezier(.23, 1, .32, 1), -webkit-transform .55s cubic-bezier(.23, 1, .32, 1), visibility 0s linear .55s;
    -o-transition: opacity .55s cubic-bezier(.23, 1, .32, 1), -o-transform .55s cubic-bezier(.23, 1, .32, 1), visibility 0s linear .55s;
    transition: opacity .55s cubic-bezier(.23, 1, .32, 1), -webkit-transform .55s cubic-bezier(.23, 1, .32, 1), transform .55s cubic-bezier(.23, 1, .32, 1), visibility 0s linear .55s;
    visibility: hidden;
    z-index: 1;
    width: 100%
}

.ajax-form .form-response .response-message {
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    text-align: center;
    text-transform: uppercase
}

.ajax-form .form-response .response-message svg {
    display: inline-block;
    height: 3rem;
    width: 4rem;
    -webkit-transform: translateY(.4rem);
    -ms-transform: translateY(.4rem);
    transform: translateY(.4rem)
}

@media screen and (max-width: 959px) {
    .ajax-form .form-response .response-message {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 2.8rem;
        padding: .5rem 0
    }
}

.ajax-form .form-response .back-form {
    margin-top: 3rem;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .55s, color .3s, background-color .3s, border-color .3s;
    -o-transition: visibility 0s linear .55s, color .3s, background-color .3s, border-color .3s;
    transition: visibility 0s linear .55s, color .3s, background-color .3s, border-color .3s
}

.ajax-form.response .form-fields {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(.78);
    -ms-transform: scale(.78);
    transform: scale(.78);
    visibility: hidden;
    -webkit-transition-delay: 0s, 0s, .55s;
    -o-transition-delay: 0s, 0s, .55s;
    transition-delay: 0s, 0s, .55s
}

.ajax-form.response .form-response {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    z-index: 3
}

.ajax-form.response.success .response-message {
    color: #87c56f
}

.ajax-form.response.success .response-message svg {
    fill: #87c56f
}

.ajax-form.response.success .back-form {
    display: none
}

.ajax-form.response.error .response-message {
    color: #cf271e
}

.ajax-form.response.error .response-message svg {
    fill: #cf271e
}

.ajax-form.response.error .back-form {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

.common-form .row {
    font-size: 0;
    font-size: 0;
    margin-bottom: 3rem;
    position: relative
}

.common-form .row:last-child {
    margin-bottom: 0
}

.common-form .column {
    display: inline-block;
    vertical-align: top;
    margin-left: 2.8rem;
    position: relative;
    width: 100%
}

.common-form .column.col-half {
    width: calc(50% - 1.4rem)
}

.common-form .column:first-of-type {
    margin-left: 0 !important
}

.common-form .column.center {
    text-align: center
}

.common-form .column.right {
    text-align: right
}

.common-form .column:after {
    content: '';
    background: url(../svg/preloader.svg) 50% 50% no-repeat;
    background-size: 60%;
    height: 3rem;
    width: 3rem;
    position: absolute;
    top: 1.2rem;
    right: 0;
    -webkit-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.6, -.28, .74, .05), visibility 0s linear .3s;
    -o-transition: -o-transform .3s cubic-bezier(.6, -.28, .74, .05), visibility 0s linear .3s;
    transition: -webkit-transform .3s cubic-bezier(.6, -.28, .74, .05), transform .3s cubic-bezier(.6, -.28, .74, .05), visibility 0s linear .3s;
    z-index: 4
}

.common-form .column.loading:after {
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    visibility: visible;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.76);
    -o-transition: -o-transform .3s cubic-bezier(.17, .67, .45, 1.76);
    transition: -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.76), transform .3s cubic-bezier(.17, .67, .45, 1.76)
}

.common-form .column.loading .selectize-input:after {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.common-form .common-label {
    color: #666;
    cursor: text;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.4rem;
    position: absolute;
    top: 0;
    left: 1.5rem;
    text-transform: uppercase;
    -webkit-transition: font-size .4s cubic-bezier(.55, .09, .68, .53), line-height .4s cubic-bezier(.95, .05, .8, .04), top .4s cubic-bezier(.95, .05, .8, .04), left .4s cubic-bezier(.76, .05, .86, .06), height .4s cubic-bezier(.95, .05, .8, .04);
    -o-transition: font-size .4s cubic-bezier(.55, .09, .68, .53), line-height .4s cubic-bezier(.95, .05, .8, .04), top .4s cubic-bezier(.95, .05, .8, .04), left .4s cubic-bezier(.76, .05, .86, .06), height .4s cubic-bezier(.95, .05, .8, .04);
    transition: font-size .4s cubic-bezier(.55, .09, .68, .53), line-height .4s cubic-bezier(.95, .05, .8, .04), top .4s cubic-bezier(.95, .05, .8, .04), left .4s cubic-bezier(.76, .05, .86, .06), height .4s cubic-bezier(.95, .05, .8, .04);
    z-index: 2
}

.common-form .column > input[type=email], .common-form .column > input[type=password], .common-form .column > input[type=tel], .common-form .column > input[type=text], .common-form .column > select, .common-form .column > textarea {
    -webkit-border-radius: 0 !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 0 !important;
    -moz-background-clip: padding !important;
    border-radius: 0 !important;
    background-clip: padding-box !important;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #7f7f7f;
    color: #666;
    font-size: 18px;
    font-size: 1.8rem;
    height: 4.5rem;
    line-height: 2.4rem;
    padding: 0 1.5rem 2rem;
    position: relative;
    width: 100%
}

.common-form .column > input[type=email].filled ~ .common-label, .common-form .column > input[type=email]:focus ~ .common-label, .common-form .column > input[type=password].filled ~ .common-label, .common-form .column > input[type=password]:focus ~ .common-label, .common-form .column > input[type=tel].filled ~ .common-label, .common-form .column > input[type=tel]:focus ~ .common-label, .common-form .column > input[type=text].filled ~ .common-label, .common-form .column > input[type=text]:focus ~ .common-label, .common-form .column > select.filled ~ .common-label, .common-form .column > select:focus ~ .common-label, .common-form .column > textarea.filled ~ .common-label, .common-form .column > textarea:focus ~ .common-label {
    font-size: 14px;
    font-size: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    top: -2rem;
    left: 0;
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94), cubic-bezier(.19, 1, .22, 1), cubic-bezier(.19, 1, .22, 1), cubic-bezier(.23, 1, .32, 1), cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94), cubic-bezier(.19, 1, .22, 1), cubic-bezier(.19, 1, .22, 1), cubic-bezier(.23, 1, .32, 1), cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94), cubic-bezier(.19, 1, .22, 1), cubic-bezier(.19, 1, .22, 1), cubic-bezier(.23, 1, .32, 1), cubic-bezier(.19, 1, .22, 1)
}

.common-form .selectize-control .selectize-input {
    border: 0;
    border-bottom: 1px solid #7f7f7f;
    font-size: 18px;
    font-size: 1.8rem;
    height: 4.5rem;
    line-height: 2.4rem;
    padding: 0 3rem 2rem 1.5rem
}

.common-form .selectize-control .selectize-input:before {
    display: none
}

.common-form .selectize-control .selectize-input:after {
    font-size: 18px !important;
    font-size: 1.8rem !important;
    top: 1.2rem !important
}

.common-form .selectize-control .selectize-dropdown {
    border: 1px solid #7f7f7f
}

.common-form .selectize-control .selectize-dropdown .option {
    font-size: 18px;
    font-size: 1.8rem
}

.common-form .column > textarea {
    height: 17rem
}

.common-form button[type=submit] {
    padding: 0 4rem
}

@media screen and (max-width: 959px) {
    .common-form .row {
        margin-bottom: 2.4rem
    }

    .common-form .common-label {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2.2rem;
        left: 1.6rem
    }

    .common-form .column > input[type=email], .common-form .column > input[type=password], .common-form .column > input[type=tel], .common-form .column > input[type=text], .common-form .column > select, .common-form .column > textarea {
        -webkit-border-radius: 0 !important;
        -webkit-background-clip: padding-box !important;
        -moz-border-radius: 0 !important;
        -moz-background-clip: padding !important;
        border-radius: 0 !important;
        background-clip: padding-box !important;
        font-size: 16px;
        font-size: 1.6rem;
        height: 3.9rem;
        line-height: 2.2rem;
        padding: 0 1.6rem 1.6rem
    }

    .common-form .column > input[type=email].filled ~ .common-label, .common-form .column > input[type=email]:focus ~ .common-label, .common-form .column > input[type=password].filled ~ .common-label, .common-form .column > input[type=password]:focus ~ .common-label, .common-form .column > input[type=tel].filled ~ .common-label, .common-form .column > input[type=tel]:focus ~ .common-label, .common-form .column > input[type=text].filled ~ .common-label, .common-form .column > input[type=text]:focus ~ .common-label, .common-form .column > select.filled ~ .common-label, .common-form .column > select:focus ~ .common-label, .common-form .column > textarea.filled ~ .common-label, .common-form .column > textarea:focus ~ .common-label {
        font-size: 13px;
        font-size: 1.3rem;
        height: 1.3rem;
        line-height: 1.3rem;
        top: -1.8rem
    }

    .common-form .column > textarea {
        height: 20rem
    }
}

.common-checkbox {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding-left: 3.8rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-checkbox:hover .checkbox {
    -webkit-box-shadow: 0 0 15px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px -2px rgba(0, 0, 0, .3)
}

.common-checkbox .label {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: top;
    line-height: 2.6rem
}

.common-checkbox input {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: .2rem;
    left: 1px;
    z-index: 1
}

.common-checkbox input:checked ~ .checkbox:after, .common-checkbox input:checked ~ .radio:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.common-checkbox input:focus ~ .checkbox, .common-checkbox input:focus ~ .radio {
    -webkit-box-shadow: 0 0 15px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px -2px rgba(0, 0, 0, .3)
}

.common-checkbox .checkbox, .common-checkbox .radio {
    background: #fff;
    border: 2px solid #666;
    height: 2.4rem;
    width: 2.4rem;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: absolute;
    top: .1rem;
    left: 0;
    -webkit-transition: -webkit-box-shadow .4s cubic-bezier(.22, .61, .36, 1);
    -o-transition: box-shadow .4s cubic-bezier(.22, .61, .36, 1);
    transition: -webkit-box-shadow .4s cubic-bezier(.22, .61, .36, 1);
    transition: box-shadow .4s cubic-bezier(.22, .61, .36, 1);
    transition: box-shadow .4s cubic-bezier(.22, .61, .36, 1), -webkit-box-shadow .4s cubic-bezier(.22, .61, .36, 1);
    z-index: 2
}

.common-checkbox .checkbox:after, .common-checkbox .radio:after {
    content: '';
    display: block;
    background: #39b54a;
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.45, .05, .55, .95);
    -o-transition: -o-transform .2s cubic-bezier(.45, .05, .55, .95);
    transition: -webkit-transform .2s cubic-bezier(.45, .05, .55, .95), transform .2s cubic-bezier(.45, .05, .55, .95)
}

.common-checkbox .radio {
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box
}

.common-checkbox .radio:after {
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box
}

.lazyload {
    display: block;
    position: relative;
    min-height: 50px;
    vertical-align: middle;
    text-align: center
}

.lazyload .lazyload-image {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    position: relative;
    -webkit-transition: opacity .5s cubic-bezier(.69, .69, .39, .99) .2s;
    -o-transition: opacity .5s cubic-bezier(.69, .69, .39, .99) .2s;
    transition: opacity .5s cubic-bezier(.69, .69, .39, .99) .2s;
    z-index: 2
}

.lazyload img.lazyload-image {
    width: 100%
}

.lazyload div.lazyload-image {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    width: 100%
}

.lazyload:after {
    content: url(../svg/preloader.svg);
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    -webkit-transition: opacity .3s cubic-bezier(.69, .69, .39, .99), -webkit-transform .3s, visibility 0s linear .3s;
    -o-transition: opacity .3s cubic-bezier(.69, .69, .39, .99), -o-transform .3s, visibility 0s linear .3s;
    transition: opacity .3s cubic-bezier(.69, .69, .39, .99), -webkit-transform .3s, transform .3s, visibility 0s linear .3s;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    z-index: 1
}

.lazyload.loading .lazyload-image {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.lazyload.loading:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.lazyload-slick {
    position: relative
}

.lazyload-slick img {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.69, .69, .39, .99) .2s;
    -o-transition: opacity .5s cubic-bezier(.69, .69, .39, .99) .2s;
    transition: opacity .5s cubic-bezier(.69, .69, .39, .99) .2s
}

.lazyload-slick img.slick-loading {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.lazyload-slick img.slick-loading ~ .loader {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.lazyload-slick .loader {
    background: url(../svg/preloader.svg) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    -webkit-transition: opacity .3s cubic-bezier(.69, .69, .39, .99), -webkit-transform .3s, visibility 0s linear .3s;
    -o-transition: opacity .3s cubic-bezier(.69, .69, .39, .99), -o-transform .3s, visibility 0s linear .3s;
    transition: opacity .3s cubic-bezier(.69, .69, .39, .99), -webkit-transform .3s, transform .3s, visibility 0s linear .3s
}

#spotify-wrapper {
    background: #fff;
    height: 6rem;
    width: 100%;
    font-size: 0;
    font-size: 0;
    position: absolute;
    top: 69px;
    left: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s, top .3s, opacity .3s, visibility 0s .3s;
    -o-transition: -o-transform .3s, top .3s, opacity .3s, visibility 0s .3s;
    transition: -webkit-transform .3s, transform .3s, top .3s, opacity .3s, visibility 0s .3s
}

#spotify-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

@media screen and (min-width: 960px) and (max-width: 1820px) {
    #spotify-wrapper {
        left: 40px;
        width: calc(100% - 80px)
    }
}

@media screen and (min-width: 960px) and (max-width: 1249px) {
    #spotify-wrapper {
        top: 94px
    }
}

@media screen and (max-width: 959px) {
    #spotify-wrapper {
        -webkit-box-shadow: 0 1.2rem 1.8rem 0 rgba(0, 0, 0, .36);
        box-shadow: 0 1.2rem 1.8rem 0 rgba(0, 0, 0, .36);
        height: 5.5rem;
        top: 5rem
    }
}

#spotify-wrapper #spotify-playlists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    height: 6rem;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    width: calc(100% - 7rem - 1px)
}

@media screen and (max-width: 959px) {
    #spotify-wrapper #spotify-playlists {
        height: 5.5rem
    }
}

#spotify-wrapper #spotify-playlists ul {
    width: 100%;
    white-space: nowrap;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: -webkit-transform .3s, transform .3s
}

#spotify-wrapper #spotify-playlists li {
    border-right: 1px solid #ccc;
    display: inline-block;
    white-space: normal
}

@media screen and (min-width: 1460px) {
    #spotify-wrapper #spotify-playlists li {
        width: 16.6%
    }

    #spotify-wrapper #spotify-playlists li:nth-child(3n) {
        width: 16.8%
    }
}

@media screen and (min-width: 1260px) and (max-width: 1459px) {
    #spotify-wrapper #spotify-playlists li {
        width: 20%
    }
}

@media screen and (min-width: 1030px) and (max-width: 1259px) {
    #spotify-wrapper #spotify-playlists li {
        width: 25%
    }
}

@media screen and (min-width: 840px) and (max-width: 1029px) {
    #spotify-wrapper #spotify-playlists li {
        width: 33.33%
    }

    #spotify-wrapper #spotify-playlists li:nth-child(3n) {
        width: 33.34%
    }
}

@media screen and (min-width: 510px) and (max-width: 839px) {
    #spotify-wrapper #spotify-playlists li {
        width: 50%
    }
}

@media screen and (max-width: 509px) {
    #spotify-wrapper #spotify-playlists li {
        width: 100%
    }
}

#spotify-wrapper #spotify-playlists a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6rem;
    padding: 0 2.6rem;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

@media screen and (max-width: 959px) {
    #spotify-wrapper #spotify-playlists a {
        height: 5.5rem
    }
}

#spotify-wrapper #spotify-playlists a:before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    -moz-transform: scale(.9999);
    border-top: 1.3rem solid transparent;
    border-bottom: 1.3rem solid transparent;
    border-left: 1.8rem solid #1ee063;
    display: inline-block;
    vertical-align: middle
}

#spotify-wrapper #spotify-playlists a .number {
    color: #1ee063;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5rem;
    font-style: normal
}

#spotify-wrapper #spotify-playlists a .title {
    color: #333;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2rem;
    max-width: calc(100% - 4rem);
    text-transform: uppercase;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

#spotify-wrapper #spotify-playlists a:hover {
    background: #333
}

#spotify-wrapper #spotify-playlists a:hover .title {
    color: #fff
}

#spotify-wrapper .spotify-arrows {
    float: right;
    width: calc(7rem + 1px)
}

#spotify-wrapper .spotify-arrows .spotify-arrow {
    border: 0;
    background: #333;
    height: 6rem;
    width: 3.5rem;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

@media screen and (max-width: 959px) {
    #spotify-wrapper .spotify-arrows .spotify-arrow {
        height: 5.5rem
    }
}

#spotify-wrapper .spotify-arrows .spotify-arrow svg {
    height: 1.8rem;
    width: 1.4rem;
    fill: #1ee063;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s
}

#spotify-wrapper .spotify-arrows .spotify-arrow:last-child {
    border-left: 1px solid #5c5c5c;
    width: calc(3.5rem + 1px)
}

#spotify-wrapper .spotify-arrows .spotify-arrow:hover {
    background: #1ee063
}

#spotify-wrapper .spotify-arrows .spotify-arrow:hover svg {
    fill: #333
}

#spotify-wrapper.no-arrows #spotify-playlists {
    width: 100%
}

#spotify-wrapper.no-arrows .spotify-arrows {
    display: none
}

#spotify-wrapper.no-arrows #spotify-playlists ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#spotify-wrapper.no-arrows #spotify-playlists li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto !important
}

#spotify-wrapper:before {
    content: '';
    background: url(../svg/preloader.svg);
    background-size: cover;
    height: 3.6rem;
    width: 3.6rem;
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    transition: -webkit-transform .4s, transform .4s
}

#spotify-wrapper.loading:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#spotify-wrapper.loading #spotify-playlists {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

body.spotify-open #spotify-wrapper {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: 1042;
    overflow: hidden;
    position: fixed !important;
    background: #000;
    opacity: .9
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    background: transparent url(../svg/preloader-reverse.svg) no-repeat 50% 50%;
    background-size: 6rem 6rem;
    height: 6rem;
    width: 6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1044
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-bottom-bar .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-bottom-bar .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-container {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .9
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .9
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-arrow-left {
    display: block;
    height: 37px;
    width: 21px;
    font-size: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 5rem;
    text-indent: -9999px;
    background-color: transparent;
    border: 0 none;
    z-index: 1050;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.mfp-arrow-left.show {
    zoom: 1;
    filter: alpha(opacity=65);
    -webkit-opacity: .65;
    -moz-opacity: .65;
    opacity: .65
}

.mfp-arrow-left:after, .mfp-arrow-left:before {
    content: '';
    background: #fff;
    display: block;
    height: 4px;
    width: 20px;
    position: absolute;
    left: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.45, .05, .55, .95);
    -o-transition: -o-transform .3s cubic-bezier(.45, .05, .55, .95);
    transition: -webkit-transform .3s cubic-bezier(.45, .05, .55, .95), transform .3s cubic-bezier(.45, .05, .55, .95)
}

.mfp-arrow-left:before {
    bottom: 50%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mfp-arrow-left:after {
    top: 50%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mfp-arrow-left:hover {
    zoom: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important
}

.mfp-arrow-left:hover:before {
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.mfp-arrow-left:hover:after {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg)
}

.mfp-arrow-left:active {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.mfp-arrow-right {
    display: block;
    height: 37px;
    width: 21px;
    font-size: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    right: 5rem;
    text-indent: -9999px;
    background-color: transparent;
    border: 0 none;
    z-index: 1050;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.mfp-arrow-right.show {
    zoom: 1;
    filter: alpha(opacity=65);
    -webkit-opacity: .65;
    -moz-opacity: .65;
    opacity: .65
}

.mfp-arrow-right:after, .mfp-arrow-right:before {
    content: '';
    background: #fff;
    display: block;
    height: 4px;
    width: 20px;
    position: absolute;
    right: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.45, .05, .55, .95);
    -o-transition: -o-transform .3s cubic-bezier(.45, .05, .55, .95);
    transition: -webkit-transform .3s cubic-bezier(.45, .05, .55, .95), transform .3s cubic-bezier(.45, .05, .55, .95)
}

.mfp-arrow-right:before {
    bottom: 50%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mfp-arrow-right:after {
    top: 50%;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mfp-arrow-right:hover {
    zoom: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important
}

.mfp-arrow-right:hover:before {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg)
}

.mfp-arrow-right:hover:after {
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.mfp-arrow-right:active {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.mfp-gallery .mfp-close {
    display: block;
    height: 30px;
    width: 30px;
    font-size: 0;
    font-size: 0;
    position: absolute;
    top: 1.7rem;
    right: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out, transform .2s ease-in-out;
    text-indent: -9999px;
    background-color: transparent;
    border: 0 none;
    cursor: pointer !important
}

.mfp-gallery .mfp-close:after, .mfp-gallery .mfp-close:before {
    display: block;
    height: 4px;
    width: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    content: '';
    background: #fff
}

.mfp-gallery .mfp-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.mfp-gallery .mfp-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.mfp-gallery .mfp-close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

html.desktop-version ::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #000;
    width: 10px;
    height: 10px
}

html.desktop-version ::-webkit-scrollbar-thumb {
    border: 1px solid #000;
    background-color: #fff
}

.preload * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.hide {
    display: none
}

.title-hide {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

body {
    overflow-x: hidden
}

body.menu-open, body.search-open {
    overflow-y: hidden
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 2000px;
    min-width: 320px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.animating #content {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out, transform .4s ease-in-out
}

.bigger-limiter {
    margin-left: auto;
    margin-right: auto;
    max-width: 1740px;
    min-width: 320px;
    width: 100%
}

@media screen and (max-width: 1820px) {
    .bigger-limiter {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1820px
    }
}

@media screen and (max-width: 959px) {
    .bigger-limiter {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.common-limiter {
    margin-left: auto;
    margin-right: auto;
    max-width: 1250px;
    min-width: 320px;
    width: 100%
}

@media screen and (max-width: 1330px) {
    .common-limiter {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1330px
    }
}

@media screen and (max-width: 959px) {
    .common-limiter {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.small-limiter {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    min-width: 320px;
    width: 100%
}

@media screen and (max-width: 1040px) {
    .small-limiter {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1040px
    }
}

@media screen and (max-width: 959px) {
    .small-limiter {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.common-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.5rem
}

.common-text ol li, .common-text ul li {
    list-style-position: inside
}

.common-text ul li {
    list-style-type: disc
}

.common-text ol li {
    list-style-type: decimal
}

.common-text.big-text {
    color: #999;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2.7rem
}

@media screen and (max-width: 959px) {
    .common-text.big-text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.common-button {
    background: #fff;
    border: 3px solid #333;
    color: #333;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    height: 6.4rem;
    line-height: 5.8rem;
    padding: 0 2.5rem;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color .3s, background-color .3s, border-color .3s;
    -o-transition: color .3s, background-color .3s, border-color .3s;
    transition: color .3s, background-color .3s, border-color .3s
}

.desktop-version .common-button:hover {
    background: #333;
    color: #fff
}

.desktop-version .common-button:hover svg {
    fill: #fff
}

.common-button svg {
    height: 1.8rem;
    width: 2.3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    margin-top: -.3rem;
    position: relative;
    -webkit-transition: fill .3s, -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s;
    -o-transition: fill .3s, -o-transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s;
    transition: fill .3s, -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s, transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s;
    z-index: 1
}

.common-button span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s;
    -o-transition: -o-transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s;
    transition: -webkit-transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s, transform .3s cubic-bezier(.17, .67, .45, 1.36) .1s;
    z-index: 1
}

.common-button.reverse-button {
    background: #333;
    color: #fff
}

@media screen and (max-width: 959px) {
    .common-button {
        border-width: 2px;
        font-size: 15px;
        font-size: 1.5rem;
        height: 4.4rem;
        line-height: 4.4rem
    }
}

.common-title {
    color: #333;
    display: block;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    margin-bottom: 1.8rem;
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 959px) {
    .common-title {
        font-size: 22px;
        font-size: 2.2rem
    }
}

.common-dialog {
    background: #454545;
    color: #ccc;
    margin: 3rem auto;
    max-width: 65rem;
    padding: 9rem 4.5rem 6rem 4.5rem;
    position: relative;
    text-align: center
}

.common-dialog .common-title {
    color: #fff;
    font-size: 40px;
    font-size: 4rem
}

.common-dialog .mfp-close {
    color: #ccc
}

.common-dialog .common-text {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 3rem
}

.common-dialog .common-text svg {
    fill: #fff
}

.common-dialog .common-text:last-child {
    margin-bottom: 0
}

.common-dialog .common-text.bigger-text {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2.7rem
}

.common-dialog .common-form .common-label {
    color: #fff
}

.common-dialog .common-form .error-message {
    background: 0 0;
    color: #fff
}

.common-dialog .common-form.response.error .response-message {
    color: #fff
}

.common-dialog .common-form.response.success .response-message {
    color: #39b54a;
    font-size: 40px;
    font-size: 4rem
}

.common-dialog .common-form.response .response-message small {
    color: #ccc;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2.7rem;
    margin-top: 2rem;
    text-transform: none
}

.common-dialog .common-form .column > input[type=email], .common-dialog .common-form .column > input[type=password], .common-dialog .common-form .column > input[type=text] {
    border-color: #fff;
    color: #fff
}

.common-dialog .common-form input[type=email]:-webkit-autofill, .common-dialog .common-form input[type=password]:-webkit-autofill, .common-dialog .common-form input[type=text]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #454545 inset !important;
    -webkit-text-fill-color: #fff !important
}

.common-dialog .common-button {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

.common-dialog .common-button svg {
    fill: #fff
}

.common-dialog .common-buttons {
    font-size: 0;
    font-size: 0;
    margin: 0 auto;
    max-width: 49rem
}

@media screen and (min-width: 960px) {
    .common-dialog .common-buttons .common-button {
        width: calc(50% - .5rem)
    }

    .common-dialog .common-buttons .common-button:nth-child(2) {
        margin-left: 1rem
    }
}

@media screen and (max-width: 959px) {
    .common-dialog .common-buttons .common-button {
        width: 100%
    }

    .common-dialog .common-buttons .common-button:nth-child(2) {
        margin-top: 1rem
    }
}

.common-dialog .common-buttons .common-button.auto-button {
    width: auto !important
}

.common-dialog:after {
    content: '';
    background: #454545 url(../svg/preloader-reverse.svg) no-repeat 50% 50%;
    background-size: 6rem 6rem;
    height: calc(100% - 19rem);
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 14rem;
    left: 0;
    -webkit-transition: opacity .3s, visibility 0s linear .3s;
    -o-transition: opacity .3s, visibility 0s linear .3s;
    transition: opacity .3s, visibility 0s linear .3s;
    visibility: hidden;
    z-index: 10
}

.common-dialog.loading:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

@media screen and (max-width: 959px) {
    .common-dialog {
        padding: 15.6% 7.8%
    }

    .common-dialog .common-title {
        font-size: 27px;
        font-size: 2.7rem
    }

    .common-dialog .common-text {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 2rem
    }

    .common-dialog .common-text:last-child {
        margin-bottom: 0
    }

    .common-dialog .common-text.bigger-text {
        font-size: 20px;
        font-size: 2rem;
        line-height: 2.4rem
    }

    .common-dialog .common-form.response.success .response-message {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 2.7rem
    }

    .common-dialog .common-form.response .response-message small {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: 1.2rem
    }
}

.common-banner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background: #333 url(../img/banner-performa.jpg) no-repeat 0 50%;*/
    background: #333 url(/img/banner.jpeg) no-repeat 0 50%;
    background-size: cover;
    background-position: center top;
    color: #fff;
    height: 70vh;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 50rem;
    min-height: 35rem;
    padding-top: 10%
}

.common-banner .banner-title {
    font-size: 98px;
    font-size: 9.8rem;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    line-height: 8.4rem;
    text-transform: uppercase
}

.common-banner .banner-title span {
    display: block;
    font-size: 60px;
    font-size: 6rem;
    line-height: 6rem;
    zoom: 1;
    filter: alpha(opacity=30);
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3
}

.common-banner .banner-text {
    font-size: 23px;
    font-size: 2.3rem;
    margin-top: 3rem
}

.common-banner .banner-limiter {
    text-align: center
}

@media screen and (min-width: 960px) and (max-width: 1400px) {
    .common-banner .banner-title {
        font-size: 85px;
        font-size: 8.5rem;
        line-height: 7.4rem
    }

    .common-banner .banner-text {
        font-size: 21px;
        font-size: 2.1rem;
        margin-top: 2.6rem
    }
}

@media screen and (min-width: 580px) and (max-width: 959px) {
    .common-banner {
        max-height: 40rem;
        min-height: 28rem
    }

    .common-banner .banner-title {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 5.8rem
    }

    .common-banner .banner-text {
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 2.8rem
    }
}

@media screen and (max-width: 579px) {
    .common-banner {
        max-height: 33rem;
        min-height: 25rem
    }

    .common-banner .banner-title {
        font-size: 40px;
        font-size: 4rem;
        line-height: 3.4rem
    }

    .common-banner .banner-text {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 2.6rem
    }
}

@media screen and (max-width: 959px) {
    .common-banner {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 4.5rem
    }
}

.common-dark-section {
    background: #333;
    padding-top: 11.8rem;
    padding-bottom: 9.4rem;
    text-align: center
}

.common-dark-section .section-title {
    color: #fff;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 108px;
    font-size: 10.8rem;
    line-height: 10.8rem;
    margin-bottom: 1.9rem;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.common-dark-section .section-subtitle {
    color: rgba(255, 255, 255, .2);
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.common-dark-section .common-button {
    background: #fff;
    border-color: #fff;
    color: #333;
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.common-dark-section .common-button:hover {
    background: #ff4e00;
    border-color: #ff4e00
}

@media screen and (min-width: 1250px) and (max-width: 1500px) {
    .common-dark-section .section-title {
        font-size: 90px;
        font-size: 9rem;
        line-height: 9rem
    }
}

@media screen and (min-width: 1160px) and (max-width: 1249px) {
    .common-dark-section .section-title {
        font-size: 80px;
        font-size: 8rem;
        line-height: 8rem
    }
}

@media screen and (min-width: 960px) and (max-width: 1159px) {
    .common-dark-section .section-title {
        font-size: 70px;
        font-size: 7rem;
        line-height: 7rem
    }

    .common-dark-section .section-subtitle {
        font-size: 23px;
        font-size: 2.3rem
    }
}

@media screen and (max-width: 959px) {
    .common-dark-section {
        padding-top: 5.5rem;
        padding-bottom: 7.7rem
    }

    .common-dark-section .section-title {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 3.8rem;
        margin-bottom: 1.6rem
    }

    .common-dark-section .section-subtitle {
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 2.7rem
    }

    .common-dark-section .common-button {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.limited-text .common-text {
    color: #999;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
    max-height: 8.4rem;
    overflow: hidden
}

.limited-text .read-all {
    background: 0 0;
    border: 0;
    color: #333;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    font-size: 20px;
    font-size: 2rem;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.limited-text .read-all:hover {
    color: #ff4e00
}

@media screen and (max-width: 959px) {
    .limited-text .common-text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 2.2rem;
        max-height: 8rem
    }

    .limited-text .read-all {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.no-results {
    font-size: 40px;
    font-size: 4rem;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    color: #666;
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 959px) {
    .no-results {
        font-size: 22px;
        font-size: 2.2rem
    }
}

#remaining-classes {
    background: #ff4e00;
    bottom: 0;
    color: #fff;
    height: 5rem;
    width: 100%;
    left: 0;
    position: fixed;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 100
}

#remaining-classes ~ #footer {
    padding-bottom: 13.2rem
}

#remaining-classes .small-limiter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#remaining-classes .remaining-text {
    font-size: 0;
    font-size: 0
}

#remaining-classes .remaining-text svg {
    display: inline-block;
    vertical-align: middle;
    height: 2.4rem;
    width: 2.6rem;
    fill: #fff;
    margin-right: 1rem;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

#remaining-classes .remaining-text span {
    font-family: Futura-CondensedLight-Normal;
    font-size: 20px;
    font-size: 2rem;
    display: inline-block;
    vertical-align: middle
}

#remaining-classes .observation-text {
    font-family: Futura-CondensedLight-Normal;
    font-size: 20px;
    font-size: 2rem
}

#remaining-classes .common-button {
    background: #fff;
    border: 0;
    color: #ff4e00;
    height: 3.6rem;
    width: 17.8rem;
    font-size: 14.4px;
    font-size: 1.44rem;
    padding: 0;
    letter-spacing: -.7px;
    line-height: 3.6rem;
    text-align: center;
    white-space: nowrap
}

#remaining-classes .common-button:hover {
    background: #333;
    color: #fff
}

@media screen and (min-width: 1011px) and (max-width: 1330px) {
    #remaining-classes .remaining-text svg {
        margin-right: .9rem
    }

    #remaining-classes .remaining-text span {
        font-size: 19px;
        font-size: 1.9rem
    }

    #remaining-classes .observation-text {
        font-size: 19px;
        font-size: 1.9rem
    }
}

@media screen and (min-width: 960px) and (max-width: 1010px) {
    #remaining-classes .remaining-text svg {
        margin-right: .8rem
    }

    #remaining-classes .remaining-text span {
        font-size: 18px;
        font-size: 1.8rem
    }

    #remaining-classes .observation-text {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 959px) {
    #remaining-classes ~ #footer {
        padding-bottom: 9.6rem
    }

    #remaining-classes .small-limiter {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    #remaining-classes .remaining-text svg {
        margin-right: .8rem
    }

    #remaining-classes .remaining-text span {
        letter-spacing: .5px;
        font-size: 18px;
        font-size: 1.8rem
    }

    #remaining-classes .observation-text {
        display: none
    }

    #remaining-classes .common-button {
        height: 100%;
        width: 100%;
        zoom: 1 !important;
        filter: alpha(opacity=0) !important;
        -webkit-opacity: 0 !important;
        -moz-opacity: 0 !important;
        opacity: 0 !important;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media screen and (max-width: 959px) and (max-width: 359px) {
    #remaining-classes .remaining-text svg {
        margin-right: .5rem
    }

    #remaining-classes .remaining-text span {
        letter-spacing: .3px;
        font-size: 16.8px;
        font-size: 1.6800000000000002rem
    }
}

#chatfuel-wrapper {
    background: #fff;
    bottom: 5rem;
    -webkit-box-shadow: 0 0 .8rem .2rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .8rem .2rem rgba(0, 0, 0, .2);
    color: #333;
    padding: 2rem 5.5rem 2rem 2rem;
    position: fixed;
    right: 0;
    -webkit-transition: -webkit-transform cubic-bezier(.19, 1, .22, 1) .7s;
    -o-transition: -o-transform cubic-bezier(.19, 1, .22, 1) .7s;
    transition: -webkit-transform cubic-bezier(.19, 1, .22, 1) .7s, transform cubic-bezier(.19, 1, .22, 1) .7s;
    -webkit-transform: translateX(26rem);
    -ms-transform: translateX(26rem);
    transform: translateX(26rem);
    width: 24rem;
    z-index: 98
}

#chatfuel-wrapper .chatfuel-title {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    letter-spacing: -.3px;
    line-height: 1.7rem;
    margin-bottom: .6rem;
    text-transform: uppercase
}

#chatfuel-wrapper .chatfuel-message {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6rem;
    margin-bottom: 1rem
}

#chatfuel-wrapper .chatfuel-button {
    background: #333;
    border: 2px solid #333;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: FuturaStd-CondensedExtraBd, monospace, sans-serif;
    height: 3.2rem;
    line-height: 2.8rem;
    padding: 0 1.4rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.desktop-version #chatfuel-wrapper .chatfuel-button:hover {
    background: #fff;
    color: #333
}

#chatfuel-wrapper:after {
    content: '';
    background: url(../img/woman-parallax-small.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 213px;
    width: 105px;
    position: absolute;
    top: -9.5rem;
    right: 0
}

#chatfuel-wrapper.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 959px) {
    #chatfuel-wrapper {
        bottom: 0;
        background: #333;
        color: #fff;
        font-size: 0;
        font-size: 0;
        padding: 1.6rem;
        -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important;
        width: 100%
    }

    #chatfuel-wrapper ~ #footer {
        padding-bottom: 15.6rem
    }

    #chatfuel-wrapper .chatfuel-text {
        display: inline-block;
        vertical-align: bottom;
        max-width: 20rem
    }

    #chatfuel-wrapper .chatfuel-title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: 0
    }

    #chatfuel-wrapper .chatfuel-message {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.4rem;
        margin-bottom: 0;
        white-space: nowrap
    }

    #chatfuel-wrapper .chatfuel-message span {
        display: none
    }

    #chatfuel-wrapper:after {
        background-size: 100% auto;
        height: 10rem;
        width: 8.6rem;
        top: auto;
        bottom: 0;
        right: 0;
        left: 27rem;
        z-index: 0
    }

    #chatfuel-wrapper .chatfuel-button {
        background: #fff;
        border: 0;
        display: inline-block;
        vertical-align: bottom;
        font-size: 12.4px;
        font-size: 1.24rem;
        color: #333;
        line-height: 2.6rem;
        height: 2.6rem;
        padding: 0 .6rem;
        position: relative;
        z-index: 1
    }
}

.flex-slick .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-slick .slick-track .slick-slide {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.flex-slick .slick-track .slick-slide .slick-item {
    height: 100%;
    width: 100%
}