@charset "UTF-8";
html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
    margin: 0;
    padding: 0
}

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

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

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: 0
}

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

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

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

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

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 20px 0;
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    display: block;
    border-radius: 10px
}

q {
    quotes: none
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0
}

menu,
ol,
ul {
    padding: 0
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

figure {
    margin: 0
}

form {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

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

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

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

html,
button,
input,
select,
textarea {
    color: #222
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

img,
fieldset {
    border: 0
}

ul,
ol {
    list-style: none
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9
}

.clearfix:after,
.slick-dots:after {
    content: "";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    clear: both
}

#outdated {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 0 20px;
    text-align: center;
    z-index: 1500;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

* html #outdated {
    position: absolute
}

#outdated h6 {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    margin: 20px 0 0
}

#outdated p {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 12px
}

#outdated #btnUpdateBrowser {
    display: block;
    position: relative;
    padding: 10px 20px;
    margin: 20px auto 0;
    width: 180px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    cursor: pointer;
    background: 0 0!important
}

#outdated #btnUpdateBrowser:hover {
    color: #000!important;
    background: #fff!important
}

#outdated .last {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 15px;
    height: 15px
}

#outdated #btnCloseUpdateBrowser {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 36px
}

body {
    color: #7c7c7c;
    font-family: montserrat, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.ml-0 {
    margin-left: 0px !important;
}

.title {
    color: #3b3a3a;
    margin: 0 0 20px;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 35px;
    font-weight: 400;
    line-height: 50px
}

.subtitle {
    color: #81848b;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin: 0 0 10px
}

.smallTitle {
    color: #3b3a3a;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 20px
}

.mediumTitle {
    color: #3b3a3a;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 20px
}

h1:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #3b3a3a
}

h1:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
.articleContent h1:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
    font-size: 35px;
    line-height: 50px;
    font-weight: 700
}

h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
.articleContent h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
    font-size: 34px;
    line-height: 34px;
    font-weight: 700;
    margin: 20px 0 5px
}

h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
.articleContent h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
    font-size: 34px;
    line-height: 34px;
    font-weight: 700;
    margin: 20px 0 5px
}

h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
.articleContent h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    margin: 20px 0 5px
}

h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
.articleContent h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    margin: 20px 0 5px
}

h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
.articleContent h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    margin: 20px 0 5px
}

.articleContent p {
    margin: 0 0 20px
}

p {
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 20px
}

ul,
ol {
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 20px
}

ul li,
ol li {
    font-size: 15px;
    line-height: 30px
}

.articleContent p:last-child,
.articleContent ul:last-child,
.articleContent ol:last-child {
    margin: 0
}

a {
    color: #81848b;
    text-decoration: none
}

a.disabled {
    color: #cfcfcf;
    pointer-events: none
}

blockquote {
    border-left: 2px solid #000;
    color: #3b3a3a;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 20px 0;
    padding: 0 30px
}

blockquote p {
    color: #3b3a3a;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

code {
    background-color: #d2d2d2
}

.desc {
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 30px
}

.articleContent .desc,
.articleContent.descContent,
.articleContent.descContent p {
    font-size: 22px;
    line-height: 30px
}

.desc a {
    color: #81848b
}

.desc .Btn {
    vertical-align: middle;
    margin-right: 10px;
    color: #fff;
    text-decoration: none
}

.whiteText {
    color: #fff
}

.whiteText a,
.whiteText .title,
.whiteText .subtitle,
.whiteText .smallTitle,
.whiteText h1,
.whiteText h2,
.whiteText h3,
.whiteText h4,
.whiteText h4,
.whiteText h5,
.whiteText p {
    color: #fff
}

.lightText {
    color: #f2f3f3
}

.lightText a,
.lightText .title,
.lightText .subtitle,
.lightText .smallTitle,
.lightText h1,
.lightText h2,
.lightText h3,
.lightText h4,
.lightText h4,
.lightText h5,
.lightText p {
    color: #f2f3f3
}

.darkText {
    color: #282828
}

.darkText a,
.darkText .title,
.darkText .subtitle,
.darkText .smallTitle,
.darkText h1,
.darkText h2,
.darkText h3,
.darkText h4,
.darkText h4,
.darkText h5,
.darkText p {
    color: #282828
}

.textWrap {
    margin: 0 0 20px
}

.textWrap .title,
.textWrap .subtitle,
.textWrap .smallTitle {
    margin: 0
}

.alignLeft {
    text-align: left
}

.alignCenter {
    text-align: center
}

.alignRight {
    text-align: right
}

.floatLeft {
    float: left
}

.floatRight {
    float: right
}

@media screen and (max-width:1222px) {
    .title,
    h1,
    .articleContent h1 {
        font-size: 31.5px;
        line-height: 45px
    }
    .subtitle {
        font-size: 31.5px;
        line-height: 31.5px
    }
    .smallTitle {
        font-size: 23.4px;
        line-height: 23.4px
    }
    h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
        font-size: 30.6px;
        line-height: 30.6px
    }
    h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
        font-size: 25.2px;
        line-height: 25.2px
    }
}

@media screen and (max-width:960px) {
    .title,
    h1,
    .articleContent h1 {
        font-size: 28px;
        line-height: 40px
    }
    .subtitle {
        font-size: 28px;
        line-height: 28px
    }
    .mediumTitle {
        font-size: 27.2px;
        line-height: 27.2px
    }
    .smallTitle {
        font-size: 20.8px;
        line-height: 20.8px
    }
    h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
        font-size: 27.2px;
        line-height: 27.2px
    }
    h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
        font-size: 22.4px;
        line-height: 22.4px
    }
    .desc,
    .articleContent.descContent,
    .articleContent.descContent p {
        font-size: 19.8px;
        line-height: 27px
    }
}

@media screen and (max-width:720px) {
    .title,
    h1,
    .articleContent h1 {
        font-size: 24.5px;
        line-height: 35px
    }
    .mediumTitle {
        font-size: 23.8px;
        line-height: 23.8px
    }
    .smallTitle {
        font-size: 18.2px;
        line-height: 18.2px
    }
    h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h2:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h3:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
        font-size: 23.8px;
        line-height: 23.8px
    }
    h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h4:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h5:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle),
    .articleContent h6:not(.title):not(.subtitle):not(.smallTitle):not(.mediumTitle):not(.heroPageTitle) {
        font-size: 22.4px;
        line-height: 22.4px
    }
    p {
        font-size: 13.5px;
        line-height: 27px
    }
}

@media screen and (max-width:480px) {
    p {
        font-size: 12px;
        line-height: 24px
    }
}

#pwbox-12161 {
    color: #fff!important
}

.post-password-form {
    color: #fff!important
}

.post-password-form input {
    float: left;
    text-align: left!important;
    margin-top: 10px!important;
    color: #fff!important
}

form {
    display: block
}

form label {
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    display: block;
    font-weight: 700;
    margin: 0
}

form input,
form select,
form textarea {
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #81848b;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    height: 50px;
    line-height: 40px;
    margin-bottom: 0;
    overflow: visible;
    padding: 5px 0;
    width: 100%;
    outline: 0
}

form input::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

form input::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder {
    color: #fff;
    opacity: 1
}

form input:-ms-input-placeholder,
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

form input:-moz-placeholder,
form select:-moz-placeholder,
form textarea:-moz-placeholder {
    color: #fff;
    opacity: 1
}

form select {
    cursor: pointer;
    overflow: hidden
}

form textarea {
    height: 170px;
    padding: 10px 0;
    line-height: 40px;
    min-height: 170px;
    max-height: 170px;
    resize: none
}

form input[type=radio],
form input[type=checkbox] {
    width: inherit!important;
    height: inherit;
    background: 0
}

form input:focus:invalid:focus,
form textarea:focus:invalid:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

form input[type=submit],
form button,
form button[type=submit] {
    display: block;
    outline: 0;
    border: 0;
    text-indent: 0;
    margin: 0;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    position: relative;
    text-transform: initiaL!important;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1)
}

form input[type=submit] i.plus,
form button i.plus,
form button[type=submit] i.plus {
    margin: 9px 0 0 10px!important
}

form input[type=file] {
    background: 0;
    height: inherit;
    padding: inherit;
    font-size: 16px
}

form .checkWrap input[type=radio],
form .checkWrap input[type=checkbox] {
    display: inline-block;
    line-height: 40px;
    margin: 8px 5px 0 0;
    vertical-align: top;
    cursor: pointer
}

.alignCenter form {
    margin: 0 auto
}

div.wpcf7-response-output {
    border: 0;
    color: #81848b;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 26px;
    margin: 15px 0 0;
    padding: 0
}

span.wpcf7-not-valid-tip {
    background: #000;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    opacity: .75;
    padding: 3px 9px;
    position: absolute;
    right: 10px;
    top: -10px;
    z-index: 1
}

span.wpcf7-form-control-wrap {
    display: block!important;
    position: relative
}

.wpcf7-checkbox span.wpcf7-list-item,
.wpcf7-radio span.wpcf7-list-item {
    display: block;
    margin: 0
}

.wpcf7-radio span.wpcf7-list-item {
    display: inline-block
}

.wpcf7-radio span.wpcf7-list-item:not(:last-child) {
    margin-right: 20px
}

.wpcf7-radio span.wpcf7-list-item label input {
    position: relative;
    top: 2px
}

.wpcf7-checkbox span.wpcf7-list-item label,
.wpcf7-radio span.wpcf7-list-item label {
    cursor: pointer
}

.wpcf7-checkbox span.wpcf7-list-item label input,
.wpcf7-radio span.wpcf7-list-item label input {
    margin: 0 5px 0 0
}

.contactForm form button[type=submit] {
    color: #fff
}

.contactForm form button[type=submit]:before {
    background-color: #fff
}

.contactForm form button[type=submit] i.plus span.horizontal:before,
.contactForm form button[type=submit] i.plus span.horizontal:after {
    background-color: #fff
}

.contactForm form button[type=submit] i.plus span.vertical:before,
.contactForm form button[type=submit] i.plus span.vertical:after {
    background-color: #fff
}

.contactFormAlt form input,
.contactFormAlt form select,
.contactFormAlt form textarea {
    border-bottom: 1px solid #3b3a3a;
    color: #81848b
}

.contactFormAlt form input::-webkit-input-placeholder,
.contactFormAlt form select::-webkit-input-placeholder,
.contactFormAlt form textarea::-webkit-input-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.contactFormAlt form input::-moz-placeholder,
.contactFormAlt form select::-moz-placeholder,
.contactFormAlt form textarea::-moz-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.contactFormAlt form input:-ms-input-placeholder,
.contactFormAlt form select:-ms-input-placeholder,
.contactFormAlt form textarea:-ms-input-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.contactFormAlt form input:-moz-placeholder,
.contactFormAlt form select:-moz-placeholder,
.contactFormAlt form textarea:-moz-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.contactFormAlt form button[type=submit] {
    color: #3b3a3a
}

.contactFormAlt form button[type=submit]:before {
    background-color: #3b3a3a
}

.contactFormAlt form button[type=submit] i.plus span.horizontal:before,
.contactFormAlt form button[type=submit] i.plus span.horizontal:after {
    background-color: #3b3a3a
}

.contactFormAlt form button[type=submit] i.plus span.vertical:before,
.contactFormAlt form button[type=submit] i.plus span.vertical:after {
    background-color: #3b3a3a
}

.wpcf7-form-control-signature-wrap {
    position: relative;
    background-color: #f8f8f8;
    width: 100%!important;
    font-size: 14px!important
}

.aanwezig {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    line-height: 30px
}

.checkbox-label {
    display: inline-block;
}

.ml-5 {
    margin-left: 5px;
}

.ready-btn {
    border-bottom: 1px solid #3b3a3a;
    width: 100%;
    color: #81848b;
}

.not-ready-btn {
    width: 40%;
    margin: 0 auto;
    margin-top: 75px;
    color: black;
    border-bottom: 1px solid black;
}

.canvas-disabled {
    pointer-events: none;
}

.d-none {
    display: none !important;
}

.sign-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #b6b6b6b8;
    bottom: 0;
}

.cols {
    margin: 0 0 0 -20px
}

.cols:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.cols.hugeGutter {
    margin-left: -100px
}

.cols.hugeGutter>div {
    padding-left: 100px
}

.cols.largeGutter {
    margin-left: -60px
}

.cols.largeGutter>div {
    padding-left: 60px
}

.cols.smallGutter {
    margin-left: -16px
}

.cols.smallGutter>div {
    padding-left: 16px
}

.cols.tinyGutter {
    margin-left: -8px
}

.cols.tinyGutter>div {
    padding-left: 8px
}

.cols.noGutter {
    margin-left: 0
}

.cols.noGutter>div {
    padding-left: 0
}

.cols>div {
    float: left;
    padding-left: 20px;
    margin-bottom: 20px
}

.cols.hugeBottom>div {
    margin-bottom: 100px
}

.cols.largeBottom>div {
    margin-bottom: 60px
}

.cols.smallBottom>div {
    margin-bottom: 16px
}

.cols.tinyBottom>div {
    margin-bottom: 8px
}

.cols.noBottom>div {
    margin-bottom: 0
}

.cols>.clearRow {
    float: none;
    clear: both;
    margin-bottom: 0;
    width: 100%
}

.col-hide {
    display: none
}

.col-1 {
    width: 100%
}

.col-2-1 {
    width: 50%
}

.col-3-2 {
    width: 66.666666%
}

.col-3-1 {
    width: 33.333333%
}

.col-4-3 {
    width: 75%
}

.col-4-1 {
    width: 25%
}

.col-5-4 {
    width: 80%
}

.col-5-3 {
    width: 60%
}

.col-5-2 {
    width: 40%
}

.col-5-1 {
    width: 20%
}

.col-6-1 {
    width: 16.6666666%
}

.cols-10-1>div {
    width: 10%
}

.col-9-5 {
    width: 55%
}

.col-9-4 {
    width: 45%
}

.cols-9>div {
    width: 11.1111111%
}

.cols-8>div {
    width: 12.5%
}

.cols-6>div {
    width: 16.6666666%
}

.cols-5>div {
    width: 20%
}

.cols-4>div {
    width: 25%
}

.cols-3>div {
    width: 33.3333333%
}

.cols-2>div {
    width: 50%
}

.clearCols.cols-2>div:nth-child(2n+1) {
    clear: left
}

.cols-1>div {
    width: 100%
}

.cols>.col-right {
    float: right
}

@media screen and (max-width:1500px) {
    .colsXXL-hugeGutter {
        margin-left: -100px
    }
    .colsXXL-hugeGutter>div {
        padding-left: 100px
    }
    .colsXXL-largeGutter {
        margin-left: -60px
    }
    .colsXXL-largeGutter>div {
        padding-left: 60px
    }
    .colsXXL-mediumGutter {
        margin-left: -20px
    }
    .colsXXL-mediumGutter>div {
        padding-left: 20px
    }
    .colsXXL-smallGutter {
        margin-left: -16px
    }
    .colsXXL-smallGutter>div {
        padding-left: 16px
    }
    .colsXXL-tinyGutter {
        margin-left: -8px
    }
    .colsXXL-tinyGutter>div {
        padding-left: 8px
    }
    .colsXXL-noGutter {
        margin-left: 0
    }
    .colsXXL-noGutter>div {
        padding-left: 0
    }
    .colsXXL-hugeBottom>div {
        margin-bottom: 100px
    }
    .colsXXL-largeBottom>div {
        margin-bottom: 60px
    }
    .colsXXL-mediumBottom>div {
        margin-bottom: 20px
    }
    .colsXXL-smallBottom>div {
        margin-bottom: 16px
    }
    .colsXXL-tinyBottom>div {
        margin-bottom: 8px
    }
    .colsXXL-noBottom>div {
        margin-bottom: 0
    }
    .colsXXL-alignCenter {
        text-align: center
    }
    .colsXXL-alignLeft {
        text-align: left
    }
    .colsXXL-alignRight {
        text-align: right
    }
    .colsXXL-10>div {
        width: 10%
    }
    .colsXXL-8>div {
        width: 12.5%
    }
    .colsXXL-6>div {
        width: 16.6666666%
    }
    .colsXXL-5>div {
        width: 20%
    }
    .colsXXL-4>div {
        width: 25%
    }
    .colsXXL-3>div {
        width: 33.3333333%
    }
    .colsXXL-2>div {
        width: 50%
    }
    .colsXXL-1>div {
        width: 100%
    }
    .cols>.colXXL-hide {
        display: none
    }
    .cols>.colXXL-show {
        display: block
    }
    .cols>.colXXL-clear {
        clear: both
    }
    .cols>.colXXL-left {
        float: left
    }
    .cols>.colXXL-right {
        float: right
    }
    .cols>.colXXL-alignLeft {
        text-align: left
    }
    .cols>.colXXL-alignRight {
        text-align: right
    }
    .cols>.colXXL-alignCenter {
        text-align: center
    }
    .cols>.colXXL-1 {
        width: 100%
    }
    .cols>.colXXL-2-1 {
        width: 50%
    }
    .cols>.colXXL-3-2 {
        width: 66.6666666%
    }
    .cols>.colXXL-3-1 {
        width: 33.3333333%
    }
    .cols>.colXXL-4-3 {
        width: 75%
    }
    .cols>.colXXL-4-1 {
        width: 25%
    }
    .cols>.colXXL-5-4 {
        width: 80%
    }
    .cols>.colXXL-5-3 {
        width: 60%
    }
    .cols>.colXXL-5-2 {
        width: 40%
    }
    .cols>.colXXL-5-1 {
        width: 20%
    }
    .cols>.colXXL-6-5 {
        width: 25%
    }
    .cols>.colXXL-6-1 {
        width: 16.6666666%
    }
    .cols>.colXXL-8-1 {
        width: 12.5%
    }
    .cols>.colXXL-10-1>div {
        width: 10%
    }
}

@media screen and (max-width:1222px) {
    .colsXL-hugeGutter {
        margin-left: -100px
    }
    .colsXL-hugeGutter>div {
        padding-left: 100px
    }
    .colsXL-largeGutter {
        margin-left: -60px
    }
    .colsXL-largeGutter>div {
        padding-left: 60px
    }
    .colsXL-mediumGutter {
        margin-left: -20px
    }
    .colsXL-mediumGutter>div {
        padding-left: 20px
    }
    .colsXL-smallGutter {
        margin-left: -16px
    }
    .colsXL-smallGutter>div {
        padding-left: 16px
    }
    .colsXL-tinyGutter {
        margin-left: -8px
    }
    .colsXL-tinyGutter>div {
        padding-left: 8px
    }
    .colsXL-noGutter {
        margin-left: 0
    }
    .colsXL-noGutter>div {
        padding-left: 0
    }
    .colsXL-hugeBottom>div {
        margin-bottom: 100px
    }
    .colsXL-largeBottom>div {
        margin-bottom: 60px
    }
    .colsXL-mediumBottom>div {
        margin-bottom: 20px
    }
    .colsXL-smallBottom>div {
        margin-bottom: 16px
    }
    .colsXL-tinyBottom>div {
        margin-bottom: 8px
    }
    .colsXL-noBottom>div {
        margin-bottom: 0
    }
    .colsXL-alignCenter {
        text-align: center
    }
    .colsXL-alignLeft {
        text-align: left
    }
    .colsXL-alignRight {
        text-align: right
    }
    .colsXL-10>div {
        width: 10%
    }
    .colsXL-8>div {
        width: 12.5%
    }
    .colsXL-6>div {
        width: 16.6666666%
    }
    .colsXL-5>div {
        width: 20%
    }
    .colsXL-4>div {
        width: 25%
    }
    .colsXL-3>div {
        width: 33.3333333%
    }
    .colsXL-2>div {
        width: 50%
    }
    .colsXL-1>div {
        width: 100%
    }
    .cols>.colXL-hide {
        display: none
    }
    .cols>.colXL-show {
        display: block
    }
    .cols>.colXL-clear {
        clear: both
    }
    .cols>.colXL-left {
        float: left
    }
    .cols>.colXL-right {
        float: right
    }
    .cols>.colXL-alignLeft {
        text-align: left
    }
    .cols>.colXL-alignRight {
        text-align: right
    }
    .cols>.colXL-alignCenter {
        text-align: center
    }
    .cols>.colXL-1 {
        width: 100%
    }
    .cols>.colXL-2-1 {
        width: 50%
    }
    .cols>.colXL-3-2 {
        width: 66.6666666%
    }
    .cols>.colXL-3-1 {
        width: 33.3333333%
    }
    .cols>.colXL-4-3 {
        width: 75%
    }
    .cols>.colXL-4-1 {
        width: 25%
    }
    .cols>.colXL-5-4 {
        width: 80%
    }
    .cols>.colXL-5-3 {
        width: 60%
    }
    .cols>.colXL-5-2 {
        width: 40%
    }
    .cols>.colXL-5-1 {
        width: 20%
    }
    .cols>.colXL-6-5 {
        width: 25%
    }
    .cols>.colXL-6-1 {
        width: 16.6666666%
    }
    .cols>.colXL-8-1 {
        width: 12.5%
    }
    .cols>.colXL-10-1>div {
        width: 10%
    }
}

@media screen and (max-width:960px) {
    .colsL-hugeGutter {
        margin-left: -100px
    }
    .colsL-hugeGutter>div {
        padding-left: 100px
    }
    .colsL-largeGutter {
        margin-left: -60px
    }
    .colsL-largeGutter>div {
        padding-left: 60px
    }
    .colsL-mediumGutter {
        margin-left: -20px
    }
    .colsL-mediumGutter>div {
        padding-left: 20px
    }
    .colsL-smallGutter {
        margin-left: -16px
    }
    .colsL-smallGutter>div {
        padding-left: 16px
    }
    .colsL-tinyGutter {
        margin-left: -8px
    }
    .colsL-tinyGutter>div {
        padding-left: 8px
    }
    .colsL-noGutter {
        margin-left: 0
    }
    .colsL-noGutter>div {
        padding-left: 0
    }
    .colsL-hugeBottom>div {
        margin-bottom: 100px
    }
    .colsL-largeBottom>div {
        margin-bottom: 60px
    }
    .colsL-mediumBottom>div {
        margin-bottom: 20px
    }
    .colsL-smallBottom>div {
        margin-bottom: 16px
    }
    .colsL-tinyBottom>div {
        margin-bottom: 8px
    }
    .colsL-noBottom>div {
        margin-bottom: 0
    }
    .colsL-alignCenter {
        text-align: center
    }
    .colsL-alignLeft {
        text-align: left
    }
    .colsL-alignRight {
        text-align: right
    }
    .colsL-10>div {
        width: 10%
    }
    .colsL-8>div {
        width: 12.5%
    }
    .colsL-6>div {
        width: 16.6666666%
    }
    .colsL-5>div {
        width: 20%
    }
    .colsL-4>div {
        width: 25%
    }
    .colsL-3>div {
        width: 33.3333333%
    }
    .colsL-2>div {
        width: 50%
    }
    .colsL-1>div {
        width: 100%
    }
    .cols>.colL-hide {
        display: none
    }
    .cols>.colL-show {
        display: block
    }
    .cols>.colL-clear {
        clear: both
    }
    .cols>.colL-left {
        float: left
    }
    .cols>.colL-right {
        float: right
    }
    .cols>.colL-alignLeft {
        text-align: left
    }
    .cols>.colL-alignRight {
        text-align: right
    }
    .cols>.colL-alignCenter {
        text-align: center
    }
    .cols>.colL-1 {
        width: 100%
    }
    .cols>.colL-2-1 {
        width: 50%
    }
    .cols>.colL-3-2 {
        width: 66.6666666%
    }
    .cols>.colL-3-1 {
        width: 33.3333333%
    }
    .cols>.colL-4-3 {
        width: 75%
    }
    .cols>.colL-4-1 {
        width: 25%
    }
    .cols>.colL-5-4 {
        width: 80%
    }
    .cols>.colL-5-3 {
        width: 60%
    }
    .cols>.colL-5-2 {
        width: 40%
    }
    .cols>.colL-5-1 {
        width: 20%
    }
    .cols>.colL-6-5 {
        width: 25%
    }
    .cols>.colL-6-1 {
        width: 16.6666666%
    }
    .cols>.colL-8-1 {
        width: 12.5%
    }
    .cols>.colL-10-1>div {
        width: 10%
    }
}

@media screen and (max-width:840px) {
    .colsLM-hugeGutter {
        margin-left: -100px
    }
    .colsLM-hugeGutter>div {
        padding-left: 100px
    }
    .colsLM-largeGutter {
        margin-left: -60px
    }
    .colsLM-largeGutter>div {
        padding-left: 60px
    }
    .colsLM-mediumGutter {
        margin-left: -20px
    }
    .colsLM-mediumGutter>div {
        padding-left: 20px
    }
    .colsLM-smallGutter {
        margin-left: -16px
    }
    .colsLM-smallGutter>div {
        padding-left: 16px
    }
    .colsLM-tinyGutter {
        margin-left: -8px
    }
    .colsLM-tinyGutter>div {
        padding-left: 8px
    }
    .colsLM-noGutter {
        margin-left: 0
    }
    .colsLM-noGutter>div {
        padding-left: 0
    }
    .colsLM-hugeBottom>div {
        margin-bottom: 100px
    }
    .colsLM-largeBottom>div {
        margin-bottom: 60px
    }
    .colsLM-mediumBottom>div {
        margin-bottom: 20px
    }
    .colsLM-smallBottom>div {
        margin-bottom: 16px
    }
    .colsLM-tinyBottom>div {
        margin-bottom: 8px
    }
    .colsLM-noBottom>div {
        margin-bottom: 0
    }
    .colsLM-alignCenter {
        text-align: center
    }
    .colsLM-alignLeft {
        text-align: left
    }
    .colsLM-alignRight {
        text-align: right
    }
    .colsLM-10>div {
        width: 10%
    }
    .colsLM-8>div {
        width: 12.5%
    }
    .colsLM-6>div {
        width: 16.6666666%
    }
    .colsLM-5>div {
        width: 20%
    }
    .colsLM-4>div {
        width: 25%
    }
    .colsLM-3>div {
        width: 33.3333333%
    }
    .colsLM-2>div {
        width: 50%
    }
    .colsLM-1>div {
        width: 100%
    }
    .cols>.colLM-hide {
        display: none
    }
    .cols>.colLM-show {
        display: block
    }
    .cols>.colLM-clear {
        clear: both
    }
    .cols>.colLM-left {
        float: left
    }
    .cols>.colLM-right {
        float: right
    }
    .cols>.colLM-alignLeft {
        text-align: left
    }
    .cols>.colLM-alignRight {
        text-align: right
    }
    .cols>.colLM-alignCenter {
        text-align: center
    }
    .cols>.colLM-1 {
        width: 100%
    }
    .cols>.colLM-2-1 {
        width: 50%
    }
    .cols>.colLM-3-2 {
        width: 66.6666666%
    }
    .cols>.colLM-3-1 {
        width: 33.3333333%
    }
    .cols>.colLM-4-3 {
        width: 75%
    }
    .cols>.colLM-4-1 {
        width: 25%
    }
    .cols>.colLM-5-4 {
        width: 80%
    }
    .cols>.colLM-5-3 {
        width: 60%
    }
    .cols>.colLM-5-2 {
        width: 40%
    }
    .cols>.colLM-5-1 {
        width: 20%
    }
    .cols>.colLM-6-5 {
        width: 25%
    }
    .cols>.colLM-6-1 {
        width: 16.6666666%
    }
    .cols>.colLM-8-1 {
        width: 12.5%
    }
    .cols>.colLM-10-1>div {
        width: 10%
    }
}

@media screen and (max-width:720px) {
    .colsM-hugeGutter {
        margin-left: -100px
    }
    .colsM-hugeGutter>div {
        padding-left: 100px
    }
    .colsM-largeGutter {
        margin-left: -60px
    }
    .colsM-largeGutter>div {
        padding-left: 60px
    }
    .colsM-mediumGutter {
        margin-left: -20px
    }
    .colsM-mediumGutter>div {
        padding-left: 20px
    }
    .colsM-smallGutter {
        margin-left: -16px
    }
    .colsM-smallGutter>div {
        padding-left: 16px
    }
    .colsM-tinyGutter {
        margin-left: -8px
    }
    .colsM-tinyGutter>div {
        padding-left: 8px
    }
    .colsM-noGutter {
        margin-left: 0
    }
    .colsM-noGutter>div {
        padding-left: 0
    }
    .colsM-hugeBottom>div {
        margin-bottom: 100px
    }
    .colsM-largeBottom>div {
        margin-bottom: 60px
    }
    .colsM-mediumBottom>div {
        margin-bottom: 20px
    }
    .colsM-smallBottom>div {
        margin-bottom: 16px
    }
    .colsM-tinyBottom>div {
        margin-bottom: 8px
    }
    .colsM-noBottom>div {
        margin-bottom: 0
    }
    .colsM-alignCenter {
        text-align: center
    }
    .colsM-alignLeft {
        text-align: left
    }
    .colsM-alignRight {
        text-align: right
    }
    .colsM-10>div {
        width: 10%
    }
    .colsM-8>div {
        width: 12.5%
    }
    .colsM-6>div {
        width: 16.6666666%
    }
    .colsM-5>div {
        width: 20%
    }
    .colsM-4>div {
        width: 25%
    }
    .colsM-3>div {
        width: 33.3333333%
    }
    .colsM-2>div {
        width: 50%
    }
    .colsM-1>div {
        width: 100%
    }
    .cols>.colM-hide {
        display: none
    }
    .cols>.colM-show {
        display: block
    }
    .cols>.colM-clear {
        clear: both
    }
    .cols>.colM-left {
        float: left
    }
    .cols>.colM-right {
        float: right
    }
    .cols>.colM-alignLeft {
        text-align: left
    }
    .cols>.colM-alignRight {
        text-align: right
    }
    .cols>.colM-alignCenter {
        text-align: center
    }
    .cols>.colM-1 {
        width: 100%
    }
    .cols>.colM-2-1 {
        width: 50%
    }
    .cols>.colM-3-2 {
        width: 66.6666666%
    }
    .cols>.colM-3-1 {
        width: 33.3333333%
    }
    .cols>.colM-4-3 {
        width: 75%
    }
    .cols>.colM-4-1 {
        width: 25%
    }
    .cols>.colM-5-4 {
        width: 80%
    }
    .cols>.colM-5-3 {
        width: 60%
    }
    .cols>.colM-5-2 {
        width: 40%
    }
    .cols>.colM-5-1 {
        width: 20%
    }
    .cols>.colM-6-5 {
        width: 25%
    }
    .cols>.colM-6-1 {
        width: 16.6666666%
    }
    .cols>.colM-8-1 {
        width: 12.5%
    }
    .cols>.colM-10-1>div {
        width: 10%
    }
}

@media screen and (max-width:600px) {
    .colsSM-hugeGutter {
        margin-left: -100px
    }
    .colsSM-hugeGutter>div {
        padding-left: 100px
    }
    .colsSM-largeGutter {
        margin-left: -60px
    }
    .colsSM-largeGutter>div {
        padding-left: 60px
    }
    .colsSM-mediumGutter {
        margin-left: -20px
    }
    .colsSM-mediumGutter>div {
        padding-left: 20px
    }
    .colsSM-smallGutter {
        margin-left: -16px
    }
    .colsSM-smallGutter>div {
        padding-left: 16px
    }
    .colsSM-tinyGutter {
        margin-left: -8px
    }
    .colsSM-tinyGutter>div {
        padding-left: 8px
    }
    .colsSM-noGutter {
        margin-left: 0
    }
    .colsSM-noGutter>div {
        padding-left: 0
    }
    .colsSM-hugeBottom>div {
        margin-bottom: 100px
    }
    .colsSM-largeBottom>div {
        margin-bottom: 60px
    }
    .colsSM-mediumBottom>div {
        margin-bottom: 20px
    }
    .colsSM-smallBottom>div {
        margin-bottom: 16px
    }
    .colsSM-tinyBottom>div {
        margin-bottom: 8px
    }
    .colsSM-noBottom>div {
        margin-bottom: 0
    }
    .colsSM-alignCenter {
        text-align: center
    }
    .colsSM-alignLeft {
        text-align: left
    }
    .colsSM-alignRight {
        text-align: right
    }
    .colsSM-10>div {
        width: 10%
    }
    .colsSM-8>div {
        width: 12.5%
    }
    .colsSM-6>div {
        width: 16.6666666%
    }
    .colsSM-5>div {
        width: 20%
    }
    .colsSM-4>div {
        width: 25%
    }
    .colsSM-3>div {
        width: 33.3333333%
    }
    .colsSM-2>div {
        width: 50%
    }
    .colsSM-1>div {
        width: 100%
    }
    .cols>.colSM-hide {
        display: none
    }
    .cols>.colSM-show {
        display: block
    }
    .cols>.colSM-clear {
        clear: both
    }
    .cols>.colSM-left {
        float: left
    }
    .cols>.colSM-right {
        float: right
    }
    .cols>.colSM-alignLeft {
        text-align: left
    }
    .cols>.colSM-alignRight {
        text-align: right
    }
    .cols>.colSM-alignCenter {
        text-align: center
    }
    .cols>.colSM-1 {
        width: 100%
    }
    .cols>.colSM-2-1 {
        width: 50%
    }
    .cols>.colSM-3-2 {
        width: 66.6666666%
    }
    .cols>.colSM-3-1 {
        width: 33.3333333%
    }
    .cols>.colSM-4-3 {
        width: 75%
    }
    .cols>.colSM-4-1 {
        width: 25%
    }
    .cols>.colSM-5-4 {
        width: 80%
    }
    .cols>.colSM-5-3 {
        width: 60%
    }
    .cols>.colSM-5-2 {
        width: 40%
    }
    .cols>.colSM-5-1 {
        width: 20%
    }
    .cols>.colSM-6-5 {
        width: 25%
    }
    .cols>.colSM-6-1 {
        width: 16.6666666%
    }
    .cols>.colSM-8-1 {
        width: 12.5%
    }
    .cols>.colSM-10-1>div {
        width: 10%
    }
}

@media screen and (max-width:480px) {
    .colsS-hugeGutter {
        margin-left: -100px
    }
    .colsS-hugeGutter>div {
        padding-left: 100px
    }
    .colsS-largeGutter {
        margin-left: -60px
    }
    .colsS-largeGutter>div {
        padding-left: 60px
    }
    .colsS-mediumGutter {
        margin-left: -20px
    }
    .colsS-mediumGutter>div {
        padding-left: 20px
    }
    .colsS-smallGutter {
        margin-left: -16px
    }
    .colsS-smallGutter>div {
        padding-left: 16px
    }
    .colsS-tinyGutter {
        margin-left: -8px
    }
    .colsS-tinyGutter>div {
        padding-left: 8px
    }
    .colsS-noGutter {
        margin-left: 0
    }
    .colsS-noGutter>div {
        padding-left: 0
    }
    .colsS-hugeBottom>div {
        margin-bottom: 100px
    }
    .colsS-largeBottom>div {
        margin-bottom: 60px
    }
    .colsS-mediumBottom>div {
        margin-bottom: 20px
    }
    .colsS-smallBottom>div {
        margin-bottom: 16px
    }
    .colsS-tinyBottom>div {
        margin-bottom: 8px
    }
    .colsS-noBottom>div {
        margin-bottom: 0
    }
    .colsS-alignCenter {
        text-align: center
    }
    .colsS-alignLeft {
        text-align: left
    }
    .colsS-alignRight {
        text-align: right
    }
    .colsS-10>div {
        width: 10%
    }
    .colsS-8>div {
        width: 12.5%
    }
    .colsS-6>div {
        width: 16.6666666%
    }
    .colsS-5>div {
        width: 20%
    }
    .colsS-4>div {
        width: 25%
    }
    .colsS-3>div {
        width: 33.3333333%
    }
    .colsS-2>div {
        width: 50%
    }
    .colsS-1>div {
        width: 100%
    }
    .cols>.colS-hide {
        display: none
    }
    .cols>.colS-show {
        display: block
    }
    .cols>.colS-clear {
        clear: both
    }
    .cols>.colS-left {
        float: left
    }
    .cols>.colS-right {
        float: right
    }
    .cols>.colS-alignLeft {
        text-align: left
    }
    .cols>.colS-alignRight {
        text-align: right
    }
    .cols>.colS-alignCenter {
        text-align: center
    }
    .cols>.colS-1 {
        width: 100%
    }
    .cols>.colS-2-1 {
        width: 50%
    }
    .cols>.colS-3-2 {
        width: 66.6666666%
    }
    .cols>.colS-3-1 {
        width: 33.3333333%
    }
    .cols>.colS-4-3 {
        width: 75%
    }
    .cols>.colS-4-1 {
        width: 25%
    }
    .cols>.colS-5-4 {
        width: 80%
    }
    .cols>.colS-5-3 {
        width: 60%
    }
    .cols>.colS-5-2 {
        width: 40%
    }
    .cols>.colS-5-1 {
        width: 20%
    }
    .cols>.colS-6-5 {
        width: 25%
    }
    .cols>.colS-6-1 {
        width: 16.6666666%
    }
    .cols>.colS-8-1 {
        width: 12.5%
    }
    .cols>.colS-10-1>div {
        width: 10%
    }
}

form input[type=submit],
form button,
form button[type=submit],
.Btn {
    font-size: 26px;
    line-height: 31px;
    font-weight: 300;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    background-color: transparent;
    color: #a4a3a3;
    cursor: pointer;
    text-decoration: none;
    text-transform: lowercase
}

.Btn {
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    display: inline-block;
    vertical-align: top;
    position: relative
}

.Btn:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 1px;
    background-color: #a4a3a3;
    bottom: 1px;
    left: 0
}

.Btn i.plus {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 9px 10px 0 0;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.Btn i.plus span.horizontal:before,
.Btn i.plus span.horizontal:after {
    width: 15px;
    height: 1px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #a4a3a3;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 7px
}

.Btn i.plus span.horizontal:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.Btn i.plus span.horizontal:after {
    -webkit-transform: translateX(-16px);
    transform: translateX(-16px)
}

.Btn i.plus span.vertical:before,
.Btn i.plus span.vertical:after {
    width: 1px;
    height: 15px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #a4a3a3;
    content: '';
    display: block;
    left: 7px;
    position: absolute;
    top: 0
}

.Btn i.plus span.vertical:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.Btn i.plus span.vertical:after {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px)
}

.whiteBtn {
    color: #fff
}

.whiteBtn:before {
    background-color: #fff
}

.whiteBtn i.plus span.horizontal:before,
.whiteBtn i.plus span.horizontal:after {
    background-color: #fff
}

.whiteBtn i.plus span.vertical:before,
.whiteBtn i.plus span.vertical:after {
    background-color: #fff
}

.mainBtn {
    color: #81848b
}

.mainBtn:before {
    background-color: #81848b
}

.mainBtn i.plus span.horizontal:before,
.mainBtn i.plus span.horizontal:after {
    background-color: #81848b
}

.mainBtn i.plus span.vertical:before,
.mainBtn i.plus span.vertical:after {
    background-color: #81848b
}

.filledMainBtn,
.ghostWhiteBtn,
.filledDarkBtn {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 10px 45px 10px 20px;
    text-align: left!important;
    width: 100%
}

.filledMainBtn:before,
.ghostWhiteBtn:before,
.filledDarkBtn:before {
    display: none
}

.filledMainBtn i.plus,
.ghostWhiteBtn i.plus,
.filledDarkBtn i.plus {
    margin: 0;
    position: absolute;
    right: 15px;
    top: 18px
}

.filledMainBtn i.plus span.horizontal:before,
.filledMainBtn i.plus span.horizontal:after,
.ghostWhiteBtn i.plus span.horizontal:before,
.ghostWhiteBtn i.plus span.horizontal:after,
.filledDarkBtn i.plus span.horizontal:before,
.filledDarkBtn i.plus span.horizontal:after {
    background-color: #fff
}

.filledMainBtn i.plus span.vertical:before,
.filledMainBtn i.plus span.vertical:after,
.ghostWhiteBtn i.plus span.vertical:before,
.ghostWhiteBtn i.plus span.vertical:after,
.filledDarkBtn i.plus span.vertical:before,
.filledDarkBtn i.plus span.vertical:after {
    background-color: #fff
}

.filledMainBtn {
    background-color: #81848b
}

.ghostWhiteBtn {
    border: 1px solid rgba(255, 255, 255, .7)
}

.filledDarkBtn {
    background-color: #282828
}

.noPlusBtn {
    padding: 10px 20px
}

.centerBtn {
    text-align: center!important
}

.fullBtn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0
}

.Btns .Btn:not(:last-child) {
    margin-right: 50px
}

@media screen and (max-width:480px) {
    .fullBtn {
        padding: 0
    }
}

html.no-touchevents .Btn:hover i.plus:not(.noAnim) span.horizontal:before {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    -webkit-transition: transform .2s ease;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

html.no-touchevents .Btn:hover i.plus:not(.noAnim) span.horizontal:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .2s ease .3s;
    -webkit-transition: -webkit-transform .2s ease .3s;
    transition: -webkit-transform .2s ease .3s;
    transition: transform .2s ease .3s;
    transition: transform .2s ease .3s, -webkit-transform .2s ease .3s
}

html.no-touchevents .Btn:hover i.plus:not(.noAnim) span.vertical:before {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    -webkit-transition: transform .2s ease .1s;
    -webkit-transition: -webkit-transform .2s ease .1s;
    transition: -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s;
    transition: transform .2s ease .1s, -webkit-transform .2s ease .1s
}

html.no-touchevents .Btn:hover i.plus:not(.noAnim) span.vertical:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .2s ease .4s;
    -webkit-transition: -webkit-transform .2s ease .4s;
    transition: -webkit-transform .2s ease .4s;
    transition: transform .2s ease .4s;
    transition: transform .2s ease .4s, -webkit-transform .2s ease .4s
}

html.no-touchevents a:hover .Btn i.plus:not(.noAnim) span.horizontal:before {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    -webkit-transition: transform .2s ease;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

html.no-touchevents a:hover .Btn i.plus:not(.noAnim) span.horizontal:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .2s ease .3s;
    -webkit-transition: -webkit-transform .2s ease .3s;
    transition: -webkit-transform .2s ease .3s;
    transition: transform .2s ease .3s;
    transition: transform .2s ease .3s, -webkit-transform .2s ease .3s
}

html.no-touchevents a:hover .Btn i.plus:not(.noAnim) span.vertical:before {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    -webkit-transition: transform .2s ease .1s;
    -webkit-transition: -webkit-transform .2s ease .1s;
    transition: -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s;
    transition: transform .2s ease .1s, -webkit-transform .2s ease .1s
}

html.no-touchevents a:hover .Btn i.plus:not(.noAnim) span.vertical:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .2s ease .4s;
    -webkit-transition: -webkit-transform .2s ease .4s;
    transition: -webkit-transform .2s ease .4s;
    transition: transform .2s ease .4s;
    transition: transform .2s ease .4s, -webkit-transform .2s ease .4s
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.flex-container a:active,
.flex-container a:focus {
    outline: 0
}

.flexslider .slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider .slides {
    zoom: 1;
    position: relative;
    width: 100%;
    height: 100%
}

.flexslider .slides:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides>li:first-child {
    display: block
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexArrows {
    position: relative
}

.flexArrows .flex-direction-nav a {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    opacity: .4;
    position: absolute;
    text-align: center;
    z-index: 2
}

.flexArrows .flex-direction-nav:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.flexArrows:hover .flex-direction-nav a {
    opacity: .9
}

.flexArrows:hover .flex-direction-nav a:hover {
    opacity: 1
}

.flexArrows .flex-direction-nav .flex-prev {
    left: 20px
}

.flexArrows .flex-direction-nav .flex-next {
    right: 20px
}

.flexArrows .flex-direction-nav .flex-disabled {
    display: none
}

.flexDots {
    position: relative
}

.flexDots .flex-control-nav {
    text-align: center;
    margin: 30px 0 10px;
    position: relative;
    width: 100%;
    z-index: 3;
    line-height: 0
}

.flexDots .flex-control-nav li {
    display: inline-block;
    vertical-align: top;
    text-indent: -99999px;
    line-height: 0
}

.flexDots .flex-control-nav li a {
    display: block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-color: #81848b;
    opacity: .4;
    margin: 2px
}

.flexDots .flex-control-nav li a:hover {
    opacity: .8
}

.flexDots .flex-control-nav li a.flex-active {
    opacity: 1;
    cursor: default
}

.slick-loading .slick-list {
    background: #fff url(./../images/slick/ajax-loader.gif) center center no-repeat
}

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

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: 0;
    outline: 0
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dots {
    bottom: 0;
    display: block;
    line-height: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    width: auto
}

.slick-dots li {
    width: 40px;
    height: 2px;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 2px;
    padding: 0;
    position: relative
}

.slick-dots li:not(:last-child) {
    margin-right: 15px
}

.slick-dots li button {
    width: 40px;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: rgba(255, 255, 255, .4);
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 2px;
    text-indent: -9999px
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: 0
}

.slick-dots li.slick-active button {
    background-color: #81848b
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html.swipebox-html.swipebox-touch {
    overflow: hidden!important
}

#swipebox-overlay img {
    border: none!important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999!important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-slider .slide-loading {
    background: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/swipebox/loader.gif) center center no-repeat
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%
}

#swipebox-bottom-bar {
    bottom: -50px
}

#swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0)
}

#swipebox-top-bar {
    top: -50px
}

#swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center
}

#swipebox-close,
#swipebox-next,
#swipebox-prev {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/swipebox/icons.png);
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left
}

#swipebox-next {
    background-position: -78px 13px;
    float: right
}

#swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px
}

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-next.disabled,
#swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring .3s;
    animation: rightSpring .3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring .3s;
    animation: leftSpring .3s
}

.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0 10px -8px #656565;
    box-shadow: inset 10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0 10px -8px #656565;
    box-shadow: inset -10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@-webkit-keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@media screen and (min-width:800px) {
    #swipebox-close {
        right: 10px
    }
    #swipebox-arrows {
        width: 92%;
        max-width: 800px
    }
}

#swipebox-overlay {
    background: #0d0d0d
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    text-shadow: 1px 1px 1px #000;
    background: #000;
    opacity: .95
}

#swipebox-top-bar {
    color: #fff!important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif
}


/*!jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT*/

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

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

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    background: #81848b!important;
    border-radius: 50%;
    border: none!important;
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    outline: none!important;
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: 0;
    background: 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: 0;
    border-bottom: 0;
    border-right: 0
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/dist/images/images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.siteWrap {
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: 2
}

.container {
    min-height: 100%;
    pointer-events: none;
    z-index: 1
}

.innerContainer {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    background-color: #fff;
    pointer-events: initial
}

.wrapper {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: relative
}

.wrapper:before,
.wrapper:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.inner {
    margin: 0 auto;
    position: relative;
    max-width: 1100px;
    width: 90%
}

.inner .inner {
    width: 100%
}

.innerSmall {
    max-width: 850px
}

.innerMedium {
    max-width: 1500px
}

.innerLarge {
    max-width: 2000px;
    width: 100%
}

.content {
    padding: 30px 0
}

.padding {
    padding: 60px 0
}

.paddingSide {
    padding: 0 60px
}

.paddingBorder {
    padding: 60px
}

.noMargin {
    margin: 0
}

.noPadding {
    padding: 0
}

.largeContent {
    max-width: 850px
}

.halfContent {
    max-width: 750px
}

.mediumContent {
    max-width: 650px
}

.smallContent {
    max-width: 550px
}

.tinyContent {
    max-width: 450px
}

.miniContent {
    max-width: 350px
}

.alignCenter .largeContent,
.alignCenter .halfContent,
.alignCenter .mediumContent,
.alignCenter .smallContent,
.alignCenter .tinyContent,
.alignCenter .miniContent,
.alignCenter.largeContent,
.alignCenter.halfContent,
.alignCenter.mediumContent,
.alignCenter.smallContent,
.alignCenter.tinyContent,
.alignCenter.miniContent {
    margin: 0 auto
}

.fullImg img,
img.fullImg {
    width: 100%
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.push {
    height: 50px
}

.smallPush {
    height: 30px
}

.tinyPush {
    height: 12px
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.noFlow {
    overflow: hidden
}

.blackBg {
    background-color: #000
}

.whiteBg {
    background-color: #fff
}

.lightBg {
    background-color: #f2f3f3
}

.darkBg {
    background-color: #282828
}

.mainBg {
    background-color: #81848b
}

.secondBg {
    background-color: #3b3a3a
}

.thirdBg {
    background-color: #282828
}

#swipebox-overlay {
    background-color: rgba(0, 0, 0, .9)!important
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    background-color: transparent
}

#swipebox-close {
    background-color: #000
}

.vidWrap {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.vidWrap>iframe {
    display: block;
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.googleMap {
    position: relative;
    width: 100%;
    height: 660px;
    overflow: hidden;
    background-color: #282828
}

#gmap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.googleMap img {
    max-width: inherit;
    height: inherit
}

@media screen and (max-width:1222px) {
    body:after {
        display: none;
        content: "";
        position: fixed;
        z-index: 999;
        bottom: 0;
        right: 0;
        border-bottom: 20px solid rebeccapurple;
        border-left: 20px solid transparent
    }
}

@media screen and (max-width:960px) {
    body:after {
        border-bottom-color: #9acd32
    }
}

@media screen and (max-width:720px) {
    body:after {
        border-bottom-color: salmon
    }
    .pageContent {
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0
    }
}

@media screen and (max-width:480px) {
    body {
        min-width: 320px
    }
    body:after {
        border-bottom-color: #add8e6
    }
    .articleContent img.alignleft,
    .articleContent img.alignright {
        float: none;
        margin: 10px 0;
        width: 100%
    }
}

#wpadminbar {
    overflow: hidden
}

@media screen and (max-width:960px) {
    #wpadminbar {
        display: none
    }
    html.js {
        margin-top: 0!important
    }
}

body.logged-in .scss_errors {
    position: fixed;
    top: 50px;
    left: 50px;
    right: 50px;
    z-index: 50
}

* {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    background: #fff;
    height: 100%
}

body {
    min-height: 100%
}

.breadCrumbs {
    padding: 10px 0;
    width: 100%
}

.breadCrumbs p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 30px;
    font-size: 12px;
    color: #282828
}

.breadCrumbs a {
    color: #282828;
    text-decoration: none;
    border-bottom: 0
}

.breadCrumbs a:hover {
    color: #81848b;
    text-decoration: underline
}

.breadCrumbs i {
    font-size: 8px;
    margin: 0 5px
}

.articleContent:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.articleContent.pageContent {
    -moz-column-count: 2;
    -moz-column-gap: 28px;
    -webkit-column-count: 2;
    -webkit-column-gap: 28px;
    column-count: 2;
    column-gap: 28px;
    margin: 0
}

.articleContent.pageContent p {
    margin: 0 0 20px
}

.articleContent p a {
    text-decoration: underline
}

.articleContent ul {
    list-style: outside disc;
    padding: 0 0 0 20px
}

.articleContent ul li {
    vertical-align: top
}

.articleContent ol {
    list-style: outside decimal;
    padding: 0 0 0 20px
}

.articleContent ol li {
    vertical-align: top
}

.articleContent img.alignleft {
    float: left;
    margin: 10px 30px 10px 0
}

.articleContent img.alignright {
    float: right;
    margin: 10px 0 10px 30px
}

table {
    width: 100%;
    margin: 1em 0
}

table th,
table td {
    padding: 5px;
    border: 1px solid #f2f3f3;
    font-size: 13px;
    line-height: 20px
}

table th {
    background-color: #81848b;
    color: #fff;
    font-weight: 700;
    border-color: #686b71
}

table tfoot th,
table tbody th {
    background-color: transparent;
    color: #7c7c7c;
    font-weight: 700;
    border: 1px solid #f2f3f3
}

.pagination {
    text-align: center
}

.pagination li {
    display: inline-block;
    font-size: 13px
}

.pagination li:hover a {
    background: #81848b
}

.pagination a,
.pagination span {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.pagination a {
    color: #fff;
    background-color: #81848b
}

.pagination span {
    background: #81848b;
    color: #fff
}

.gallery {
    margin: 0 0 0 -17px
}

.gallery:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.gallery br {
    display: none
}

.gallery-item {
    float: left;
    display: inline-block;
    max-width: 33.333333%;
    margin: 0 0 17px;
    padding-left: 17px;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-item a {
    display: block
}

.gallery-columns-1 .gallery-item {
    max-width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.6666666%
}

.gallery-columns-6 .gallery-caption {
    display: none
}

.gallery-columns-7 .gallery-item {
    max-width: 14.285714%
}

.gallery-columns-7 .gallery-caption {
    display: none
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-8 .gallery-caption {
    display: none
}

.gallery-columns-9 .gallery-item {
    max-width: 11.1111111%
}

.gallery-columns-9 .gallery-caption {
    display: none
}

.gallery-icon img {
    margin: 0 auto
}

.gallery-caption {
    color: #7c7c7c;
    display: block;
    font-size: 13px;
    font-size: .8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: .5384615385em
}

@media screen and (max-width:1244px) {
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 16.6666666%
    }
}

@media screen and (max-width:960px) {
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 20%
    }
}

@media screen and (max-width:720px) {
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 25%
    }
}

@media screen and (max-width:600px) {
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 33.333333%
    }
}

@media screen and (max-width:480px) {
    .gallery-columns-2 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 50%
    }
}

.animWrap .animThis,
.animGroup .animThis {
    opacity: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes zoomIn {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@keyframes zoomIn {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    50% {
        -webkittransform: scale3d(.95, .95, .95);
        -webkit-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }
    75% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkittransform: scale3d(.95, .95, .95);
        -webkit-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    25% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    50% {
        -webkittransform: scale3d(.95, .95, .95);
        -webkit-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }
    75% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    to {
        -webkittransform: scale3d(.95, .95, .95);
        -webkit-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }
}

@-webkit-keyframes hue {
    from {
        background-position: 0 50%
    }
    to {
        background-position: 2000px 50%
    }
}

@keyframes hue {
    from {
        background-position: 0 50%
    }
    to {
        background-position: 2000px 50%
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes hue {
    from {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    5%,
    10% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    15%,
    25%,
    35%,
    45% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    20%,
    30%,
    40% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    5%,
    10% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    15%,
    25%,
    35%,
    45% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    20%,
    30%,
    40% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}


/*!* animsition v4.0.2
* A simple and easy jQuery plugin for CSS animated page transitions.
* http://blivesta.github.io/animsition
* License : MIT
* Author : blivesta (http://blivesta.com/)*/

.animsition,
.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd
}

.animsition-loading,
.animsition-loading:after {
    width: 32px;
    height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    z-index: 2
}

.animsition-loading {
    background-color: transparent;
    border-top: 5px solid rgba(0, 0, 0, .2);
    border-right: 5px solid rgba(0, 0, 0, .2);
    border-bottom: 5px solid rgba(0, 0, 0, .2);
    border-left: 5px solid #eee;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: animsition-loading;
    animation-name: animsition-loading
}

@-webkit-keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fade-out {
    -webkit-animation-name: fade-out;
    animation-name: fade-out
}

@-webkit-keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up
}

@-webkit-keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

@keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

.fade-out-up {
    -webkit-animation-name: fade-out-up;
    animation-name: fade-out-up
}

@-webkit-keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-sm {
    -webkit-animation-name: fade-in-up-sm;
    animation-name: fade-in-up-sm
}

@-webkit-keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

.fade-out-up-sm {
    -webkit-animation-name: fade-out-up-sm;
    animation-name: fade-out-up-sm
}

@-webkit-keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-lg {
    -webkit-animation-name: fade-in-up-lg;
    animation-name: fade-in-up-lg
}

@-webkit-keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

@keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

.fade-out-up-lg {
    -webkit-animation-name: fade-out-up-lg;
    animation-name: fade-out-up-lg
}

@-webkit-keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

@keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

.fade-out-down {
    -webkit-animation-name: fade-out-down;
    animation-name: fade-out-down
}

@-webkit-keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down-sm {
    -webkit-animation-name: fade-in-down-sm;
    animation-name: fade-in-down-sm
}

@-webkit-keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

.fade-out-down-sm {
    -webkit-animation-name: fade-out-down-sm;
    animation-name: fade-out-down-sm
}

.fade-in-down-lg {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

@keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

.fade-out-down-lg {
    -webkit-animation-name: fade-out-down-lg;
    animation-name: fade-out-down-lg
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left
}

@-webkit-keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

@keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

.fade-out-left {
    -webkit-animation-name: fade-out-left;
    animation-name: fade-out-left
}

@-webkit-keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-sm {
    -webkit-animation-name: fade-in-left-sm;
    animation-name: fade-in-left-sm
}

@-webkit-keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

@keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

.fade-out-left-sm {
    -webkit-animation-name: fade-out-left-sm;
    animation-name: fade-out-left-sm
}

@-webkit-keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-lg {
    -webkit-animation-name: fade-in-left-lg;
    animation-name: fade-in-left-lg
}

@-webkit-keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

@keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

.fade-out-left-lg {
    -webkit-animation-name: fade-out-left-lg;
    animation-name: fade-out-left-lg
}

@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right
}

@-webkit-keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

@keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

.fade-out-right {
    -webkit-animation-name: fade-out-right;
    animation-name: fade-out-right
}

@-webkit-keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-sm {
    -webkit-animation-name: fade-in-right-sm;
    animation-name: fade-in-right-sm
}

@-webkit-keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

@keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

.fade-out-right-sm {
    -webkit-animation-name: fade-out-right-sm;
    animation-name: fade-out-right-sm
}

@-webkit-keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-lg {
    -webkit-animation-name: fade-in-right-lg;
    animation-name: fade-in-right-lg
}

@-webkit-keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

@keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

.fade-out-right-lg {
    -webkit-animation-name: fade-out-right-lg;
    animation-name: fade-out-right-lg
}

@-webkit-keyframes rotate-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in {
    -webkit-animation-name: rotate-in;
    animation-name: rotate-in
}

@-webkit-keyframes rotate-out {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out {
    -webkit-animation-name: rotate-out;
    animation-name: rotate-out
}

@-webkit-keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in-sm {
    -webkit-animation-name: rotate-in-sm;
    animation-name: rotate-in-sm
}

@-webkit-keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out-sm {
    -webkit-animation-name: rotate-out-sm;
    animation-name: rotate-out-sm
}

@-webkit-keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in-lg {
    -webkit-animation-name: rotate-in-lg;
    animation-name: rotate-in-lg
}

@-webkit-keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out-lg {
    -webkit-animation-name: rotate-out-lg;
    animation-name: rotate-out-lg
}

@-webkit-keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
}

.flip-in-x {
    -webkit-animation-name: flip-in-x;
    animation-name: flip-in-x;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x {
    -webkit-animation-name: flip-out-x;
    animation-name: flip-out-x;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
}

.flip-in-x-nr {
    -webkit-animation-name: flip-in-x-nr;
    animation-name: flip-in-x-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-nr {
    -webkit-animation-name: flip-out-x-nr;
    animation-name: flip-out-x-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
}

.flip-in-x-fr {
    -webkit-animation-name: flip-in-x-fr;
    animation-name: flip-in-x-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-fr {
    -webkit-animation-name: flip-out-x-fr;
    animation-name: flip-out-x-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
}

.flip-in-y {
    -webkit-animation-name: flip-in-y;
    animation-name: flip-in-y;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y {
    -webkit-animation-name: flip-out-y;
    animation-name: flip-out-y;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
}

.flip-in-y-nr {
    -webkit-animation-name: flip-in-y-nr;
    animation-name: flip-in-y-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-nr {
    -webkit-animation-name: flip-out-y-nr;
    animation-name: flip-out-y-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
}

.flip-in-y-fr {
    -webkit-animation-name: flip-in-y-fr;
    animation-name: flip-in-y-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-fr {
    -webkit-animation-name: flip-out-y-fr;
    animation-name: flip-out-y-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in {
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in
}

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    50%,
    to {
        opacity: 0
    }
}

@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    50%,
    to {
        opacity: 0
    }
}

.zoom-out {
    -webkit-animation-name: zoom-out;
    animation-name: zoom-out
}

@-webkit-keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in-sm {
    -webkit-animation-name: zoom-in-sm;
    animation-name: zoom-in-sm
}

@-webkit-keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50%,
    to {
        opacity: 0
    }
}

@keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50%,
    to {
        opacity: 0
    }
}

.zoom-out-sm {
    -webkit-animation-name: zoom-out-sm;
    animation-name: zoom-out-sm
}

@-webkit-keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in-lg {
    -webkit-animation-name: zoom-in-lg;
    animation-name: zoom-in-lg
}

@-webkit-keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    50%,
    to {
        opacity: 0
    }
}

@keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    50%,
    to {
        opacity: 0
    }
}

.zoom-out-lg {
    -webkit-animation-name: zoom-out-lg;
    animation-name: zoom-out-lg
}

@-webkit-keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

@keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

.overlay-slide-in-top {
    top: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-top;
    animation-name: overlay-slide-in-top
}

@-webkit-keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

.overlay-slide-out-top {
    top: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-top;
    animation-name: overlay-slide-out-top
}

@-webkit-keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

@keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

.overlay-slide-in-bottom {
    bottom: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-bottom;
    animation-name: overlay-slide-in-bottom
}

@-webkit-keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

.overlay-slide-out-bottom {
    bottom: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-bottom;
    animation-name: overlay-slide-out-bottom
}

@-webkit-keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

@keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.overlay-slide-in-left {
    width: 0;
    -webkit-animation-name: overlay-slide-in-left;
    animation-name: overlay-slide-in-left
}

@-webkit-keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.overlay-slide-out-left {
    left: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-left;
    animation-name: overlay-slide-out-left
}

@-webkit-keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

@keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.overlay-slide-in-right {
    right: 0;
    width: 0;
    -webkit-animation-name: overlay-slide-in-right;
    animation-name: overlay-slide-in-right
}

@-webkit-keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.overlay-slide-out-right {
    right: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-right;
    animation-name: overlay-slide-out-right
}

.animsition-overlay-slide {
    z-index: 10
}

.modditNotice {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid black(.1);
    max-width: 500px;
    overflow: hidden;
    padding: 20px 40px;
    position: relative;
    width: 90%
}

.modditNotice+.modditNotice:not(.modditNoticeFixedTop):not(.modditNoticeFixedBottom) {
    margin-top: 10px
}

.modditNotice:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.modditNotice p:first-of-type,
.modditNotice ul:first-of-type {
    margin-top: 0
}

.modditNotice p:last-of-type,
.modditNotice ul:last-of-type {
    margin-bottom: 0
}

.modditNoticeFixedTop,
.modditNoticeFixedBottom,
.modditNoticeFixedCenter {
    position: fixed;
    z-index: 999999
}

.modditNoticeFixedTop {
    top: 30px
}

.modditNoticeFixedBottom {
    bottom: 30px
}

.modditNoticeFixedLeft {
    left: 30px
}

.modditNoticeFixedCenter {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed
}

.modditNoticeFixedRight {
    right: 30px
}

.modditNoticeInfo:before {
    background-color: #3498db
}

.modditNoticeSuccess:before {
    background-color: #2ecc71
}

.modditNoticeWarning:before {
    background-color: #f39c12
}

.modditNoticeError:before {
    background-color: #e74c3c
}

.modditNoticeClose {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #7c7c7c;
    padding: 5px 10px;
    right: 10px
}

.modditNoticeClose:hover {
    color: #636363
}

.sitenotice {
    position: fixed;
    z-index: 9;
    top: 50%;
    left: 0;
    width: 100%;
    max-width: 300px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    border-radius: 0 10px 10px 0;
    background-color: #fff
}

.sitenoticeContent {
    overflow: hidden;
    padding: 20px
}

.sitenoticeContent h3 {
    margin: 0;
    font-size: 19px;
    line-height: 30px
}

.sitenoticeContent .sitenoticeDesc {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 20px
}

.sitenoticeContent .sitenoticeDesc p {
    margin: 0;
    font-size: 12px;
    line-height: 20px
}

.sitenoticeContent .sitenoticeDesc a {
    text-decoration: underline
}

.sitenotice .Btn {
    margin: 10px 0 0;
    line-height: 40px;
    font-size: 13px
}

.sitenoticeClose {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    background-color: #81848b;
    color: #fff;
    font-size: 13px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%
}

.cookieNotice {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(40, 40, 40, .8)
}

.cookieNoticeContent {
    overflow: hidden;
    padding: 20px 0
}

.cookieNoticeContent h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 30px
}

.cookieNoticeContent .cookieNoticeDesc {
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.cookieNoticeContent .cookieNoticeDesc p {
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.cookieNoticeContent .cookieNoticeDesc a {
    text-decoration: underline;
    color: #fff
}

.cookieNotice .Btn {
    float: right;
    margin: 0 0 0 10px
}

@media screen and (max-width:480px) {
    .cookieNotice .Btn {
        float: none;
        margin: 0 0 10px;
        width: 100%;
        padding: 0;
        text-align: center;
        line-height: 40px;
        font-size: 13px
    }
}

.menuBar {
    background-color: #fff;
    border-top: 6px solid #211f1f;
    left: 0;
    max-height: 140px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.menuBar.scrolled .menuBarLogoContainer {
    margin: 31px 0
}

.menuBar.scrolled .menuBarNav>ul {
    margin: 17px auto
}

.menuBar.scrolled .menuBarNav>ul>li.current-menu-item>a:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.menuBar.scrolled .menuBarToggle {
    margin: 38px 0
}

.menuBar.scrolled .menuBarSearchToggle {
    margin: 17px 0
}

.menuBar.scrolled .menuBarPhone,
.menuBar.scrolled .menuBarOpen {
    margin: 17px 0
}

.menuBarLogo {
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    width: 270px;
    height: 32px;
    background-image: url(../pdf/logo.svg);
    color: transparent;
    display: block;
    font-size: 0;
    text-indent: -9999px
}

.menuBarLogoContainer {
    width: 350px;
    height: 32px;
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    float: left;
    margin: 51px 0
}

.menuBarNav {
    float: left;
    width: calc(100% - 670px)
}

.menuBarNav>ul {
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 37px auto;
    max-width: 700px
}

.menuBarNav>ul>li {
    display: inline-block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    text-transform: lowercase
}

.menuBarNav>ul>li.current-menu-item>a {
    position: relative
}

.menuBarNav>ul>li.current-menu-item>a:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 1px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    background-color: #81848b;
    bottom: 0;
    left: 0
}

.menuBarNav>ul>li>a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #282828;
    display: block;
    line-height: 60px
}

.menuBarNav>ul>li>ul {
    display: none
}

.menuBarToggle {
    width: 32px;
    height: 18px;
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    display: none;
    float: right;
    margin: 58px 0;
    position: relative
}

.menuBarToggle>span {
    -webkit-transition: background-color 0s ease .3s;
    transition: background-color 0s ease .3s;
    width: 32px;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #81848b;
    left: 0
}

.menuBarToggle>span:before,
.menuBarToggle>span:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 0;
    background-color: #81848b
}

.menuBarToggle>span:before {
    -webkit-transition: transform .3s ease, top .3s ease .3s;
    -webkit-transition: top .3s ease .3s, -webkit-transform .3s ease;
    transition: top .3s ease .3s, -webkit-transform .3s ease;
    transition: transform .3s ease, top .3s ease .3s;
    transition: transform .3s ease, top .3s ease .3s, -webkit-transform .3s ease;
    top: -8px
}

.menuBarToggle>span:after {
    -webkit-transition: transform .3s ease, bottom .3s ease .3s;
    -webkit-transition: bottom .3s ease .3s, -webkit-transform .3s ease;
    transition: bottom .3s ease .3s, -webkit-transform .3s ease;
    transition: transform .3s ease, bottom .3s ease .3s;
    transition: transform .3s ease, bottom .3s ease .3s, -webkit-transform .3s ease;
    bottom: -8px
}

.menuBarToggle.active>span {
    background-color: transparent
}

.menuBarToggle.active>span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .3s ease, transform .3s ease .3s;
    -webkit-transition: top .3s ease, -webkit-transform .3s ease .3s;
    transition: top .3s ease, -webkit-transform .3s ease .3s;
    transition: top .3s ease, transform .3s ease .3s;
    transition: top .3s ease, transform .3s ease .3s, -webkit-transform .3s ease .3s;
    top: 0
}

.menuBarToggle.active>span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom .3s ease, transform .3s ease .3s;
    -webkit-transition: bottom .3s ease, -webkit-transform .3s ease .3s;
    transition: bottom .3s ease, -webkit-transform .3s ease .3s;
    transition: bottom .3s ease, transform .3s ease .3s;
    transition: bottom .3s ease, transform .3s ease .3s, -webkit-transform .3s ease .3s;
    bottom: 0
}

.menuBarSearchToggle {
    display: block;
    padding: 0 10px;
    float: left;
    line-height: 60px;
    margin: 37px 0;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menuBarSearchToggle .fa-times {
    display: none
}

.menuBarSearchForm {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #000;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    padding: 10px 20px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menuBarSearchForm form input {
    float: left;
    width: calc(100% - 40px);
    border: 0;
    color: #fff
}

.menuBarSearchForm form button {
    float: left;
    width: 40px;
    height: 50px;
    line-height: 50px
}

.menuBar.search .menuBarSearchToggle .fa-times {
    display: inline-block
}

.menuBar.search .menuBarSearchToggle .fa-search {
    display: none
}

.menuBar.search .menuBarSearchForm {
    pointer-events: inherit;
    opacity: 1
}

.menuBarPhone {
    height: 60px;
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    float: left;
    line-height: 60px;
    margin: 37px 0;
    text-align: right;
    padding: 0 30px
}

.menuBarOpen {
    height: 60px;
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    float: left;
    line-height: 60px;
    margin: 37px 0;
    position: relative;
    text-align: right
}

.menuBarOpen:hover .menuBarOpenContent {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.menuBarOpenToggle {
    color: #81848b;
    cursor: pointer;
    display: inline-block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    position: relative
}

.menuBarOpenToggle.open {
    padding-left: 24px
}

.menuBarOpenToggle.open:after {
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 12px;
    height: 12px;
    background-color: #2ecc71;
    left: 0;
    top: 24px
}

.menuBarOpenDesc {
    margin: 19px 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    max-width: 200px
}

.menuBarOpenContent {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #81848b;
    max-width: 600px;
    opacity: 0;
    padding: 25px 30px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: calc(100% - 1px);
    visibility: hidden;
    width: 90vw
}

.menuBarOpenContentTitle {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px
}

.menuBarOpenContentList {
    margin: 0
}

.menuBarOpenContentList>li {
    color: #fff;
    font-size: 12px;
    line-height: 24px
}

.menuBarOpenContentContact {
    margin: 0
}

.menuBarOpenContentContact:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.menuBarOpenContentContact>li {
    color: rgba(255, 255, 255, .65);
    display: block;
    float: left;
    font-size: 11px
}

.menuBarOpenContentContact>li:not(:last-child) {
    margin-right: 5px
}

.menuBarOpenContentContact>li:last-child:before {
    content: '|';
    margin-right: 5px
}

.menuBarOpenContentContact>li>a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, .65);
    color: rgba(255, 255, 255, .65)
}

.menuBar+section {
    margin-top: 140px
}

html.no-touchevents .menuBarNav>ul>li>a:hover {
    color: #81848b
}

html.no-touchevents .menuBarOpenContentContact>li>a:hover {
    border-bottom: 1px solid #fff;
    color: #fff
}

html.no-flexbox .menuBarNav>ul {
    display: block
}

html.no-flexbox .menuBarNav>ul>li:not(:last-of-type) {
    margin-right: 35px
}

@media screen and (min-width:961px) {
    body.logged-in .menuBar {
        top: 32px
    }
}

@media screen and (max-width:1500px) {
    .menuBarNav>ul>li {
        font-size: 20px
    }
}

@media screen and (max-width:1400px) {
    nav.menuBarNav {
        display: none
    }
    .menuBarToggle {
        display: inline-block
    }
    .menuBarPhone {
        margin-left: calc(100% - 680px)!important;
        width: 100px;
        padding: 0
    }
    .menuBarOpen {
        width: 160px
    }
    .menuBarSearchForm,
    .menuBarSearchToggle {
        display: none
    }
    .menuBarSearchForm {
        padding: 10px 40px
    }
}

@media screen and (max-width:720px) {
    .menuBar {
        border-top: 6px solid #211f1f;
        max-height: 120px
    }
    .menuBar+section {
        margin-top: 120px
    }
    .menuBarLogoContainer {
        margin: 41px 0;
        width: 320px
    }
    .menuBarLogo {
        width: 240px
    }
    .menuBarToggle {
        margin: 48px 0
    }
    .menuBarPhone {
        display: none
    }
    .menuBarOpen {
        margin: 27px 0;
        width: calc(100% - 390px)
    }
    .menuBar.scrolled .menuBarLogoContainer {
        margin: 26px 0
    }
    .menuBar.scrolled .menuBarToggle {
        margin: 33px 0
    }
    .menuBar.scrolled .menuBarOpen {
        margin: 12px 0
    }
}

@media screen and (max-width:600px) {
    .menuBar {
        border-top: 6px solid #211f1f;
        max-height: 110px
    }
    .menuBar+section {
        margin-top: 110px
    }
    .menuBarLogoContainer {
        margin: 36px 0;
        width: 200px
    }
    .menuBarToggle {
        margin: 43px 0
    }
    .menuBarOpen {
        display: none
    }
}

@media screen and (max-width:480px) {
    .menuBar {
        border-top: 6px solid #211f1f;
        max-height: 90px
    }
    .menuBar+section {
        margin-top: 70px
    }
    .menuBarLogoContainer {
        margin: 16px 0;
        width: 200px
    }
    .menuBarLogo {
        width: 200px
    }
    .menuBarToggle {
        margin: 23px 0
    }
    .menuBar.scrolled .menuBarLogoContainer {
        margin: 16px 0
    }
    .menuBar.scrolled .menuBarToggle {
        margin: 23px 0
    }
}

.footer {
    background-color: #fff;
    bottom: 0;
    clear: both;
    height: 570px;
    left: 0;
    margin-top: -570px;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: -1
}

.footerTop {
    height: 500px;
    padding: 80px 0 0
}

.footerTopLogo {
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 26px;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/logo.svg);
    color: transparent;
    display: block;
    font-size: 0;
    max-width: 446px;
    text-indent: -9999px
}

.footerTopAddress {
    margin: 25px 0 0
}

.footerTopAddress>li {
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 26px
}

.footerTopAddressSmall>li {
    font-size: 15px;
    line-height: 20px
}

.footerTopKV {
    margin: 25px 0 0
}

.footerTopKVTitle {
    font-weight: 700
}

.footerTopKVNumber {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 68px;
    height: 68px;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/logo-kv.png);
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 68px;
    text-align: center
}

.footerTopWidget {
    margin: 25px 0 0
}

.footerTopMenu {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    margin: -10px 0 0;
    position: relative
}

.footerTopMenu>li {
    display: block;
    font-size: 19px;
    line-height: 32px
}

.footerTopMenu>li>a {
    color: #7c7c7c;
    display: inline-block
}

.footerTopMenu>li>a:before {
    color: #81848b;
    content: '+';
    margin-right: 15px;
    display: inline-block
}

.footerTopContact {
    margin: -5px 0 50px
}

.footerTopContact .tel {
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 35px;
    margin: 0 0 12px
}

.footerTopContact .tel.open a:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 12px;
    height: 12px;
    background-color: #2ecc71;
    left: calc(100% + 5px);
    top: -5px
}

.footerTopContact .tel a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #000;
    display: inline-block;
    position: relative
}

.footerTopContact .mail {
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 35px
}

.footerTopContact .mail a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #81848b
}

.footerTopSocial {
    margin: 0
}

.footerTopSocial:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.footerTopSocial>li {
    float: left;
    margin-bottom: 15px;
    position: relative
}

.footerTopSocial>li:not(:last-child) {
    margin-right: 15px
}

.footerTopSocial>li>a {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #a4a3a3;
    color: #fff;
    display: block;
    overflow: hidden;
    line-height: 56px;
    position: relative;
    text-align: center
}

.footerTopSocial>li>a:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: opacity .3s ease, transform .3s ease;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    left: 0;
    opacity: 0;
    top: 0;
    z-index: 1
}

.footerTopSocial>li>a.facebook:before {
    background: #365899
}

.footerTopSocial>li>a.twitter:before {
    background: #5a9bd1
}

.footerTopSocial>li>a.linkedin:before {
    background: #3276b2
}

.footerTopSocial>li>a.instagram:before {
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)
}

.footerTopSocial>li>a.whatsapp {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background: #5fb257
}

.footerTopSocial>li>a.whatsapp:before {
    background: #4a9343
}

.footerTopSocial>li>a.whatsapp+span {
    color: #a4a3a3;
    left: calc(100% + 10px);
    line-height: 1;
    position: absolute;
    top: 0;
    width: 100px
}

.footerTopSocial>li>a i {
    font-size: 22px;
    position: relative;
    z-index: 2
}

.footerBottom {
    background-color: #81848b;
    height: 70px
}

.footerBottomMenu {
    display: inline-block;
    margin: 20px 0 20px 15px
}

.footerBottomMenu:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.footerBottomMenu>li {
    float: left;
    line-height: 30px
}

.footerBottomMenu>li:not(:last-child) {
    margin-right: 15px
}

.footerBottomMenu>li>a {
    color: #fff;
    font-size: 12px;
    text-transform: lowercase
}

#whatsapp {
    display: none;
    position: fixed;
    bottom: 75px;
    right: 20px;
    z-index: 123;
    background-color: #5fb257;
    padding: 15px;
    color: #fff;
    line-height: 0;
    text-align: center;
    border-radius: 25px
}

#whatsapp i,
#whatsapp span {
    color: #fff
}

#whatsapp i {
    margin-right: 5px
}

.modditM {
    display: inline-block;
    margin-top: 20px;
    vertical-align: top
}

.modditM svg {
    display: block;
    width: 30px;
    height: 30px;
    vertical-align: top
}

.modditM svg .mIcon {
    fill: #fff;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.modditM:hover svg .mIcon {
    fill: rgba(255, 255, 255, .5)
}

html.no-touchevents .footerTopMenu>li>a:hover {
    text-decoration: underline
}

html.no-touchevents .footerTopContact .tel a:hover {
    color: #7c7c7c
}

html.no-touchevents .footerTopContact .mail a:hover {
    color: #505256
}

html.no-touchevents .footerTopSocial>li>a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

html.no-touchevents .footerBottomMenu>li>a:hover {
    text-decoration: underline
}

@media screen and (max-width:1222px) {
    .footerTopMenu>li {
        font-size: 17px;
        line-height: 30px
    }
    .footerTopContact {
        margin: -5px 0 40px
    }
    .footerTopContact .tel {
        font-size: 28px;
        margin: 0 0 8px
    }
    .footerTopContact .mail {
        font-size: 28px
    }
    .footerTopSocial>li {
        margin-bottom: 10px
    }
    .footerTopSocial>li:not(:last-child) {
        margin-right: 10px
    }
    .footerTopSocial>li>a {
        width: 40px;
        height: 40px;
        line-height: 42px
    }
    .footerTopSocial>li>a i {
        font-size: 18px
    }
    .footerTopSocial>li>a.whatsapp+span {
        font-size: 11px;
        left: calc(100% + 5px)
    }
}

@media screen and (max-width:960px) {
    .footerTopContact {
        margin: -5px 0 30px
    }
    .footerTopContact li {
        line-height: 24px
    }
    .footerTopContact .tel {
        font-size: 24px;
        margin: 0 0 6px
    }
    .footerTopContact .mail {
        font-size: 24px
    }
    .footerTopSocial>li>a {
        width: 32px;
        height: 32px;
        line-height: 32px
    }
    .footerTopSocial>li>a i {
        font-size: 16px
    }
}

@media screen and (max-width:840px) {
    .footerTop {
        padding: 60px 0 0
    }
    .footerTopLogo {
        width: 270px;
        height: 16px;
        max-width: 85%
    }
    .footerTopMenu {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        left: auto;
        width: 100%;
        margin: 30px 0 0
    }
    .footerTopMenu>li {
        float: left;
        font-size: 15px;
        width: 50%
    }
}

@media screen and (max-width:720px) {
    .footer {
        height: auto;
        margin-top: 0;
        margin-bottom: 50px;
        position: relative
    }
    .footerTop {
        height: auto;
        padding: 20px 0
    }
    #chat-application {
        display: none!important
    }
    #whatsapp {
        display: block
    }
}

@media screen and (max-width:600px) {
    .footerTopAddress {
        margin: 10px 0 30px
    }
    .footerTopKV {
        margin: 0 0 30px
    }
    .footerTopWidget {
        margin: 0 0 30px
    }
    .footerTopSocial {
        margin: 0 0 20px
    }
    .footerTopMenu {
        margin: 0
    }
    .footerTopMenu>li {
        float: none;
        width: 100%
    }
}

.panel {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #74777e;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 0;
    z-index: 10000002;
    pointer-events: none;
    visibility: hidden;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px)
}

.panelOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    z-index: 9
}

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

.panelMenu {
    padding: 30px 0
}

.panelMenu ul {
    margin: 0;
    overflow: hidden
}

.panelMenu ul li {
    font-size: 30px;
    line-height: 50px;
    padding: 0 40px
}

.panelMenu ul li.current-menu-item a,
.panelMenu ul li.current-menu-parent a {
    color: #fff
}

.panelMenu ul li.menu-item-home i {
    display: none
}

.panelMenu ul li a {
    color: #fff;
    position: relative;
    display: inline-block
}

.panelClose {
    color: #fff;
    font-size: 24px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0
}

.panel .menuBarSearchForm {
    display: block;
    pointer-events: inherit;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    background-color: rgba(0, 0, 0, .2)
}

html.no-touchevents .panelMenu ul li a:hover:before {
    right: 0;
    left: auto;
    width: 100%
}

.siteWrap {
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

body.lock .siteWrap {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    opacity: 0
}

body.lock .panel {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: initial;
    visibility: visible;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}

@media screen and (max-width:720px) {
    .panel .menuBarSearchForm {
        padding-bottom: 50px
    }
}

.occasionBlock {
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .14);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .14);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .14);
    background-color: #fff;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    padding: 16px 16px 0;
    position: relative
}

.occasionBlockImg {
    padding-bottom: 70%;
    position: relative
}

.occasionBlockImg img {
    left: 0;
    position: absolute;
    top: 0
}

.occasionBlockImgLabel {
    background-color: rgba(40, 40, 40, .4);
    border: 1px solid #fff;
    color: #fff;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 2px 15px;
    position: absolute;
    left: 20px;
    top: 20px
}

.occasionBlockImgLabelVestiging {
    left: auto;
    right: 20px
}

.occasionBlockContent {
    padding: 25px 50px 25px 20px;
    position: relative
}

.occasionBlockTitle {
    color: #3b3a3a;
    display: block;
    font-size: 20px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin: 0 0 3px;
    overflow: hidden
}

.occasionBlockSubtitle {
    color: #81848b;
    display: block;
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 15px;
    overflow: hidden
}

.occasionBlockList {
    margin: 0
}

.occasionBlockList:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.occasionBlockList li {
    color: #3b3a3a;
    float: left;
    font-size: 20px;
    line-height: 20px;
    position: relative
}

.occasionBlockList li:not(:last-child) {
    margin-right: 40px
}

.occasionBlockList li:not(:last-child):after {
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 6px;
    height: 6px;
    background-color: #81848b;
    position: absolute;
    right: -23px;
    top: 7px
}

.occasionBlockPlus {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    overflow: hidden;
    right: 20px
}

.occasionBlockPlus span.horizontal:before,
.occasionBlockPlus span.horizontal:after {
    width: 16px;
    height: 2px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #81848b;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 7px
}

.occasionBlockPlus span.horizontal:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.occasionBlockPlus span.horizontal:after {
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px)
}

.occasionBlockPlus span.vertical:before,
.occasionBlockPlus span.vertical:after {
    width: 2px;
    height: 16px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #81848b;
    content: '';
    display: block;
    left: 7px;
    position: absolute;
    top: 0
}

.occasionBlockPlus span.vertical:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.occasionBlockPlus span.vertical:after {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px)
}

html.no-touchevents a.occasionBlock:hover .occasionBlockPlus span.horizontal:before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
    -webkit-transition: transform .2s ease;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

html.no-touchevents a.occasionBlock:hover .occasionBlockPlus span.horizontal:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .2s ease .3s;
    -webkit-transition: -webkit-transform .2s ease .3s;
    transition: -webkit-transform .2s ease .3s;
    transition: transform .2s ease .3s;
    transition: transform .2s ease .3s, -webkit-transform .2s ease .3s
}

html.no-touchevents a.occasionBlock:hover .occasionBlockPlus span.vertical:before {
    -webkit-transform: translateY(18px);
    transform: translateY(18px);
    -webkit-transition: transform .2s ease .1s;
    -webkit-transition: -webkit-transform .2s ease .1s;
    transition: -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s;
    transition: transform .2s ease .1s, -webkit-transform .2s ease .1s
}

html.no-touchevents a.occasionBlock:hover .occasionBlockPlus span.vertical:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .2s ease .4s;
    -webkit-transition: -webkit-transform .2s ease .4s;
    transition: -webkit-transform .2s ease .4s;
    transition: transform .2s ease .4s;
    transition: transform .2s ease .4s, -webkit-transform .2s ease .4s
}

@media screen and (max-width:1222px) {
    .occasionBlockTitle {
        font-size: 19px
    }
    .occasionBlockSubtitle {
        font-size: 16px
    }
    .occasionBlockList li {
        font-size: 19px
    }
}

@media screen and (max-width:960px) {
    .occasionBlockTitle {
        font-size: 17px
    }
    .occasionBlockSubtitle {
        font-size: 15px
    }
    .occasionBlockList li {
        font-size: 16px
    }
    .occasionBlockList li:not(:last-child) {
        margin-right: 30px
    }
    .occasionBlockList li:not(:last-child):after {
        right: -18px
    }
}

@media screen and (max-width:840px) {
    .occasionBlockTitle {
        font-size: 19px
    }
    .occasionBlockSubtitle {
        font-size: 16px
    }
    .occasionBlockList li {
        font-size: 19px
    }
}

@media screen and (max-width:600px) {
    .occasionBlockTitle {
        font-size: 17px
    }
    .occasionBlockSubtitle {
        font-size: 15px
    }
    .occasionBlockList li {
        font-size: 16px
    }
}

.block {
    background-color: #000;
    display: block;
    height: 0;
    padding: 0 0 65%;
    position: relative
}

.blockImg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.blockTitle {
    color: #fff;
    bottom: 30px;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 26px;
    left: 0;
    line-height: 26px;
    padding: 0 60px 0 30px;
    position: absolute;
    width: 100%;
    z-index: 20
}

.blockPlus {
    width: 16px;
    height: 16px;
    bottom: 37px;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 30px;
    vertical-align: top;
    z-index: 20
}

.blockPlus span.horizontal:before,
.blockPlus span.horizontal:after {
    width: 16px;
    height: 2px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #fff;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 7px
}

.blockPlus span.horizontal:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.blockPlus span.horizontal:after {
    -webkit-transform: translateX(-16px);
    transform: translateX(-16px)
}

.blockPlus span.vertical:before,
.blockPlus span.vertical:after {
    width: 2px;
    height: 16px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #fff;
    content: '';
    display: block;
    left: 7px;
    position: absolute;
    top: 0
}

.blockPlus span.vertical:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.blockPlus span.vertical:after {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px)
}

html.no-touchevents .block:hover .blockPlus span.horizontal:before {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    -webkit-transition: transform .2s ease;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

html.no-touchevents .block:hover .blockPlus span.horizontal:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .2s ease .3s;
    -webkit-transition: -webkit-transform .2s ease .3s;
    transition: -webkit-transform .2s ease .3s;
    transition: transform .2s ease .3s;
    transition: transform .2s ease .3s, -webkit-transform .2s ease .3s
}

html.no-touchevents .block:hover .blockPlus span.vertical:before {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    -webkit-transition: transform .2s ease .1s;
    -webkit-transition: -webkit-transform .2s ease .1s;
    transition: -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s;
    transition: transform .2s ease .1s, -webkit-transform .2s ease .1s
}

html.no-touchevents .block:hover .blockPlus span.vertical:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .2s ease .4s;
    -webkit-transition: -webkit-transform .2s ease .4s;
    transition: -webkit-transform .2s ease .4s;
    transition: transform .2s ease .4s;
    transition: transform .2s ease .4s, -webkit-transform .2s ease .4s
}

@media screen and (max-width:840px) {
    .block {
        height: auto;
        padding: 20px
    }
    .blockImg {
        background-image: none!important
    }
    .blockTitle {
        bottom: auto;
        left: auto;
        position: relative;
        padding: 0 20px 0 0
    }
    .blockPlus {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto;
        right: 20px
    }
}

@media screen and (max-width:600px) {
    .blockTitle {
        font-size: 22px;
        line-height: 22px
    }
}

.vestigingBlock {
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    padding: 50px 0 50px calc((100vw - 2000px)/2);
    position: relative
}

.vestigingBlockImg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.vestigingBlockInner {
    background-color: #fff;
    max-width: 420px;
    padding: 50px;
    position: relative;
    width: calc(100% - 100px);
    z-index: 20
}

.vestigingBlockInner .Btn {
    text-transform: initial
}

.vestigingBlockTitle {
    color: #3b3a3a;
    display: block;
    font-size: 32px;
    font-weight: 700;
    height: 64px;
    line-height: 32px;
    margin: 0 0 25px
}

.vestigingBlockAddress {
    margin: 0 0 20px
}

.vestigingBlockAddress li {
    color: #282828;
    font-size: 18px;
    line-height: 30px
}

.vestigingBlockContact {
    margin: 0 0 25px
}

.vestigingBlockContact:last-of-type {
    margin: 0 0 35px
}

.vestigingBlockContact dt,
.vestigingBlockContact dd {
    color: #282828;
    font-size: 22px;
    line-height: 32px
}

.vestigingBlockContact dd a {
    color: #282828;
    font-weight: 700
}

.vestigingBlockContact dd a[href^="mailto:"] {
    color: #81848b
}

.googleMapAlt {
    height: 100%
}

@media screen and (max-width:2100px) {
    .vestigingBlock {
        padding: 50px 0 50px 50px
    }
}

@media screen and (max-width:1500px) {
    .vestigingBlock {
        padding: 40px 0 40px 40px
    }
    .vestigingBlockInner {
        max-width: 350px;
        padding: 40px
    }
    .vestigingBlockInner .Btn {
        font-size: 23px
    }
    .vestigingBlockTitle {
        font-size: 29px;
        height: 58px;
        line-height: 29px;
        margin: 0 0 20px
    }
    .vestigingBlockAddress {
        margin: 0 0 15px
    }
    .vestigingBlockAddress li {
        font-size: 16px;
        line-height: 27px
    }
    .vestigingBlockContact dt,
    .vestigingBlockContact dd {
        font-size: 20px;
        line-height: 29px
    }
    .vestigingBlockContact {
        margin: 0 0 20px
    }
    .vestigingBlockContact:last-of-type {
        margin: 0 0 30px
    }
}

@media screen and (max-width:1222px) {
    .vestigingBlock {
        margin: 0 0 5vw;
        padding: 5vw 0;
        width: 95%
    }
    .vestigingBlockAlt {
        margin-left: 5%
    }
    .vestigingBlockAlt:after {
        content: "";
        display: block;
        clear: both;
        width: 0;
        height: 0;
        line-height: 0;
        visibility: hidden
    }
    .vestigingBlockAlt .vestigingBlockInner {
        float: right
    }
    .vestigingBlockInner {
        padding: 5vw
    }
}

@media screen and (max-width:600px) {
    .vestigingBlock {
        margin-left: 5%;
        padding: 0;
        width: 90%
    }
    .vestigingBlockImg {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
    .vestigingBlockInner {
        max-width: none;
        padding: 40px;
        width: 100%
    }
    .vestigingBlockInner .Btn {
        font-size: 21px
    }
    .vestigingBlockTitle {
        font-size: 26px;
        height: 51px;
        line-height: 26px;
        margin: 0 0 15px
    }
    .vestigingBlockAddress {
        margin: 0 0 10px
    }
    .vestigingBlockAddress li {
        font-size: 14px;
        line-height: 24px
    }
    .vestigingBlockContact dt,
    .vestigingBlockContact dd {
        font-size: 18px;
        line-height: 26px
    }
    .vestigingBlockContact {
        margin: 0 0 15px
    }
    .vestigingBlockContact:last-of-type {
        margin: 0 0 25px
    }
}

.animsition-overlay-slide {
    background-color: #81848b;
    overflow: hidden;
    z-index: 500
}

.animsition-overlay-slide:before {
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 270px;
    height: 16px;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/logo_white.svg);
    left: calc((100% - 1500px)/2);
    top: 84px
}

.animsition-overlay-slide:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 50vw;
    height: 100%;
    background-color: #9c9ea3;
    right: 0;
    top: 0
}

.abvj {
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    width: 76px;
    height: 248px;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/label-autobedrijfvhjaar.svg);
    bottom: 70px;
    left: 0;
    position: fixed;
    z-index: 1000
}

.cta {
    width: 100%;
    height: 50px;
    background-color: #000;
    bottom: 0;
    display: none;
    font-size: 16px;
    left: 0;
    line-height: 50px;
    overflow: hidden;
    position: fixed;
    z-index: 1000
}

.ctaTel {
    background-color: #2ecc71;
    color: #fff;
    display: block;
    text-align: center
}

.ctaTel i {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: relative;
    margin-right: 10px;
    top: 1px
}

.ctaInterest {
    background-color: rgba(129, 132, 139, .2);
    color: #fff;
    display: block;
    text-align: center
}

.heroSlider {
    background-color: #81848b;
    overflow: hidden
}

.heroSliderNav {
    background-color: #81848b;
    bottom: 0;
    left: 50%;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    z-index: 10
}

.heroSliderNav:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.heroSliderNav>li {
    width: 50px;
    height: 50px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #fff;
    cursor: pointer;
    float: left;
    line-height: 50px;
    padding: 0 15px
}

.heroSliderNav>li.prev {
    text-align: right
}

.heroSlide {
    position: relative
}

.heroSlideTitle {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: opacity 1s ease, transform 0s ease 1s, font .3s ease;
    -webkit-transition: opacity 1s ease, font .3s ease, -webkit-transform 0s ease 1s;
    transition: opacity 1s ease, font .3s ease, -webkit-transform 0s ease 1s;
    transition: opacity 1s ease, transform 0s ease 1s, font .3s ease;
    transition: opacity 1s ease, transform 0s ease 1s, font .3s ease, -webkit-transform 0s ease 1s;
    color: #fff;
    display: block;
    font-size: 180px;
    font-weight: 700;
    line-height: 1;
    margin-top: 65px;
    opacity: 0;
    position: relative;
    text-transform: lowercase;
    z-index: 20;
    padding-left: 235px
}

.heroSlideDesc {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 1s ease, transform 0s ease 1s;
    -webkit-transition: opacity 1s ease, -webkit-transform 0s ease 1s;
    transition: opacity 1s ease, -webkit-transform 0s ease 1s;
    transition: opacity 1s ease, transform 0s ease 1s;
    transition: opacity 1s ease, transform 0s ease 1s, -webkit-transform 0s ease 1s;
    color: #fff;
    margin: 40px 0;
    opacity: 0;
    padding: 0 110px 100px 250px;
    width: 50%
}

.heroSlideImg {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.heroSlideImgBase,
.heroSlideImgOverlay {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.heroSlideImgBase {
    z-index: 10
}

.heroSlideImgOverlay {
    z-index: 30
}

.heroSlideCount {
    bottom: 125px;
    color: #fff;
    position: absolute;
    right: 75px;
    z-index: 50
}

.heroSlideCountCurrent {
    font-size: 65px;
    position: relative;
    top: -10px
}

.heroSlideCountTotal {
    font-size: 25px
}

.heroSlideCountTotal:before {
    content: '/';
    display: inline-block;
    margin-right: 5px
}

.heroSlide.slick-active .heroSlideTitle {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 1s ease 1s, transform 1s ease 1s, font .3s ease;
    -webkit-transition: opacity 1s ease 1s, font .3s ease, -webkit-transform 1s ease 1s;
    transition: opacity 1s ease 1s, font .3s ease, -webkit-transform 1s ease 1s;
    transition: opacity 1s ease 1s, transform 1s ease 1s, font .3s ease;
    transition: opacity 1s ease 1s, transform 1s ease 1s, font .3s ease, -webkit-transform 1s ease 1s;
    opacity: 1
}

.heroSlide.slick-active .heroSlideDesc {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .5s ease 1.5s, transform .5s ease 1.5s;
    -webkit-transition: opacity .5s ease 1.5s, -webkit-transform .5s ease 1.5s;
    transition: opacity .5s ease 1.5s, -webkit-transform .5s ease 1.5s;
    transition: opacity .5s ease 1.5s, transform .5s ease 1.5s;
    transition: opacity .5s ease 1.5s, transform .5s ease 1.5s, -webkit-transform .5s ease 1.5s;
    opacity: 1
}

.heroPageInner {
    background-color: #81848b;
    position: relative
}

.heroPageTitle {
    color: #fff;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 180px;
    font-weight: 700;
    line-height: 1;
    padding-top: 65px;
    position: relative;
    text-transform: lowercase;
    z-index: 20;
    padding-left: 235px
}

.heroPageSubtitle {
    color: #fff;
    display: block;
    font-weight: 300;
    margin: 0;
    padding: 0 0 0 250px
}

.heroPageImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
}

.heroPageImgBase {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.heroPageImgBasePassword {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.heroPageImgBase iframe {
    width: 100%;
    height: 100%;
    position: relative
}

.heroPageImgBase iframe:after {
    content: '';
    background-color: #000;
    opacity: .3;
    position: absolute
}

.heroPageDesc {
    color: #fff;
    padding: 30px 100px 90px 250px;
    width: 50%
}

.heroPageDesc p a {
    color: #fff;
    text-decoration: underline
}

.heroPageDesc ul {
    list-style: none!important;
    padding: 0
}

.heroPageBtns {
    margin: 30px 0 0
}

.heroPageBtns:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.heroPageBtns .Btn {
    display: inline-block;
    float: left;
    width: auto
}

.heroPageBtns .Btn:not(:last-child) {
    margin-right: 15px
}

.heroProduct {
    position: relative
}

.heroProduct:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 50%;
    height: 100%;
    background-color: rgba(255, 255, 255, .2);
    right: 0;
    top: 0;
    z-index: 1
}

.heroProduct .heroPageInner {
    padding: 0 0 360px
}

.heroProduct .heroPageTitle {
    text-transform: capitalize!important
}

.heroProductActions {
    bottom: 350px;
    margin: 0;
    position: absolute;
    right: 250px
}

.heroProductActions:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.heroProductActions>li {
    float: left
}

.heroProductActions>li:not(:last-child) {
    margin-right: 30px
}

.heroProductActions>li>a {
    color: #fff
}

.heroOccasions .heroPageInner {
    padding: 0 0 120px
}

.heroUsps {
    margin: 40px 0 0!important
}

.heroUsps:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.heroUsps>li {
    float: left;
    font-size: 15px
}

.heroUsps>li:not(:last-child) {
    margin: 0 20px 10px 0
}

.heroUsps>li a {
    color: #fff;
    text-decoration: underline
}

.heroUsps>li i {
    margin-right: 5px
}

.quick {
    background-color: #fff;
    position: relative;
    padding: 55px 0 5px
}

.quickAlt:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 150px;
    background-color: #f2f3f3;
    bottom: 0;
    left: 0
}

.quickTitle {
    margin: 0 0 60px
}

.quickBlock {
    background-color: #282828;
    display: block;
    height: 0;
    padding-bottom: 145%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 10
}

.quickBlockAlt {
    background-color: #81848b
}

.quickBlockAlt .quickBlockTitle {
    bottom: auto;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    top: 25%
}

.quickBlockAlt .quickBlockBtn {
    bottom: 40px;
    left: 30px;
    position: absolute
}

.quickBlockDark {
    background-color: #000
}

.quickBlockImg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%
}

.quickBlockTitle {
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
    color: #fff;
    bottom: 40px;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 30px;
    left: 0;
    line-height: 30px;
    padding: 0 30px;
    position: absolute;
    z-index: 20
}

.featuringSlideBlog {
    max-width: 100%
}

.featured {
    background-color: #fff;
    padding: 5px 0 30px;
    position: relative
}

.featured:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 450px;
    background-color: #f2f3f3;
    top: -235px;
    left: 0
}

.featuredInner {
    position: relative;
    left: calc((100% - 1100px)/2)
}

.featuredSlider {
    max-height: 710px;
    overflow: hidden
}

.featuredSliderNav {
    bottom: 61px;
    left: -100px;
    margin: 0;
    position: absolute
}

.featuredSliderNav:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.featuredSliderNav>li {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer;
    float: left;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 30px;
    padding: 0 5px
}

.featuredSliderNav>li:not(:last-child) {
    margin-right: 15px
}

.featuredSlider .slick-list {
    margin: 0 -30px 0 0
}

.featuredSlider .slick-slide {
    margin: 25px 30px 25px 0
}

.featuredSlide {
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    height: 660px;
    background-color: #d2d2d2;
    pointer-events: none;
    position: relative;
    width: 1100px
}

.featuredSlide a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative
}

.featuredSlideImg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
    left: 50%;
    position: absolute;
    top: 50%
}

.featuredSlideTitle {
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    border-left: 1px solid #fff;
    bottom: 60px;
    color: #fff;
    left: 100px;
    max-height: 80px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 290px;
    z-index: 20
}

.featuredSlideTitle span {
    -webkit-transition: transform 0s ease 1s;
    -webkit-transition: -webkit-transform 0s ease 1s;
    transition: -webkit-transform 0s ease 1s;
    transition: transform 0s ease 1s;
    transition: transform 0s ease 1s, -webkit-transform 0s ease 1s;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 35px;
    margin-left: 40px;
    max-height: 70px;
    width: 250px
}

.featuredSlide.slick-current {
    pointer-events: initial
}

.featuredSlide.slick-current .featuredSlideTitle {
    opacity: 1
}

.featuredSlide.slick-current .featuredSlideTitle span {
    -webkit-transition: transform .5s ease 1s;
    -webkit-transition: -webkit-transform .5s ease 1s;
    transition: -webkit-transform .5s ease 1s;
    transition: transform .5s ease 1s;
    transition: transform .5s ease 1s, -webkit-transform .5s ease 1s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.featuredTextSlider {
    width: 550px;
    height: 290px;
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 210px;
    z-index: 20
}

.featuredTextSlideContent {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity .5s ease, transform 0s ease 1s;
    -webkit-transition: opacity .5s ease, -webkit-transform 0s ease 1s;
    transition: opacity .5s ease, -webkit-transform 0s ease 1s;
    transition: opacity .5s ease, transform 0s ease 1s;
    transition: opacity .5s ease, transform 0s ease 1s, -webkit-transform 0s ease 1s;
    opacity: 0;
    padding: 55px 100px
}

.featuredTextSlideSubtitle {
    color: #7c7c7c;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    max-height: 64px
}

.featuredTextSlideDesc {
    color: #7c7c7c;
    font-size: 16px;
    height: 92px;
    line-height: 23px;
    margin: 27px 0 0
}

.featuredTextSlide.slick-current .featuredTextSlideContent {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .5s ease 1.5s, transform .5s ease 1.5s;
    -webkit-transition: opacity .5s ease 1.5s, -webkit-transform .5s ease 1.5s;
    transition: opacity .5s ease 1.5s, -webkit-transform .5s ease 1.5s;
    transition: opacity .5s ease 1.5s, transform .5s ease 1.5s;
    transition: opacity .5s ease 1.5s, transform .5s ease 1.5s, -webkit-transform .5s ease 1.5s;
    opacity: 1
}

.featuredPage:before {
    bottom: 0;
    height: 230px;
    top: auto
}

.featuredTitle {
    display: block;
    margin: 55px 0 25px
}

.featuring {
    background-color: #fff;
    padding: 60px 0 30px;
    position: relative
}

.featuring:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 500px;
    background-color: #f2f3f3;
    top: -235px;
    left: 0
}

.featuringAlt:before {
    bottom: 0;
    height: 240px;
    top: auto
}

.featuringAlt .featuringNav {
    background-color: #fff
}

.featuringAlt .featuringSlideDesc {
    height: auto;
    min-height: 92px
}

.featuringTitle {
    margin: 20px 0 30px
}

.featuringSlider {
    max-height: 550px
}

.featuringSlider .slick-list {
    margin: 0 -15px
}

.featuringSlider .slick-slide {
    margin: 25px 15px
}

.featuringSlide {
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    width: 800px;
    height: 500px;
    position: relative;
    overflow: hidden
}

.featuringSlide:before {
    background: rgba(0, 0, 0, .7);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    left: 0;
    opacity: 0;
    top: 0;
    z-index: 4
}

.featuringSlideImg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.featuringSlideContent {
    bottom: 60px;
    left: 0;
    overflow: hidden;
    padding: 0 60px 0 100px;
    position: absolute;
    width: 100%;
    z-index: 5
}

.featuringSlideContentInner {
    -webkit-transform: translateY(160px);
    transform: translateY(160px);
    -webkit-transition: transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.featuringSlideContentInnerAlt {
    -webkit-transform: translateY(120px);
    transform: translateY(120px)
}

.featuringSlideTitle {
    border-left: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 35px;
    margin-left: -40px;
    max-height: 70px;
    padding-left: 40px;
    width: 440px
}

.featuringSlideDesc {
    color: #fff;
    font-size: 16px;
    height: 92px;
    line-height: 23px;
    margin: 20px 0
}

.featuringSlideReadMore {
    color: #fff;
    line-height: 20px
}

.featuringSlideReadMore i.plus {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 7px 10px 0 0;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.featuringSlideReadMore i.plus span.horizontal:before,
.featuringSlideReadMore i.plus span.horizontal:after {
    width: 15px;
    height: 1px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #fff;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 7px
}

.featuringSlideReadMore i.plus span.horizontal:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.featuringSlideReadMore i.plus span.horizontal:after {
    -webkit-transform: translateX(-16px);
    transform: translateX(-16px)
}

.featuringSlideReadMore i.plus span.vertical:before,
.featuringSlideReadMore i.plus span.vertical:after {
    width: 1px;
    height: 15px;
    -webkit-transition: transform 0s ease;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease;
    background-color: #fff;
    content: '';
    display: block;
    left: 7px;
    position: absolute;
    top: 0
}

.featuringSlideReadMore i.plus span.vertical:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.featuringSlideReadMore i.plus span.vertical:after {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px)
}

.featuringNav {
    background-color: #f2f3f3;
    left: 0;
    margin: 0;
    padding: 25px 0 5px;
    position: absolute;
    top: auto;
    z-index: 10
}

.featuringNav:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.featuringNav>li {
    width: 50px;
    height: 50px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #282828;
    cursor: pointer;
    float: left;
    line-height: 50px;
    padding: 0 15px
}

.featuringNav>li.prev {
    text-align: right
}

.brands {
    background-color: #fff;
    padding: 20px 0
}

.brandsInner {
    overflow: hidden;
    position: relative
}

.brandsImg,
.brandsOverlay {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

.brandsImg {
    z-index: 10
}

.brandsOverlay {
    z-index: 30
}

.brandsTitle {
    color: #fff;
    font-size: 180px;
    font-weight: 700;
    left: -50px;
    line-height: 1;
    position: absolute;
    text-transform: lowercase;
    top: 45px;
    z-index: 20
}

.brandsDesc {
    color: #fff;
    max-width: 620px;
    margin: 100px 0 100px 55%;
    position: relative;
    z-index: 40
}

.brandsDesc .subtitle {
    color: #fff;
    margin: 0 0 25px
}

.brandsDesc p {
    font-size: 16px;
    line-height: 20px
}

.brandsDesc p:last-child {
    margin-bottom: 0
}

.brandsList {
    margin: 0 0 20px;
    padding: 0 60px;
    position: relative;
    text-align: center;
    z-index: 40
}

.brandsList>li {
    display: inline-block
}

.brandsList>li:not(:last-child) {
    margin-right: 60px
}

.brandsList>li>a>img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .6
}

.brandsMore {
    padding-bottom: 80px;
    position: relative;
    text-align: center;
    z-index: 40
}

.description {
    background-color: #fff;
    padding: 50px 0 100px
}

.descriptionBtns {
    margin: 50px 0 0
}

.team {
    padding: 70px 0 30px;
    position: relative
}

.team:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-color: #f2f3f3;
    left: 0;
    max-height: 490px;
    top: 0
}

.teamInner {
    position: relative;
    right: calc((100% - 1100px)/2)
}

.teamInnerContent {
    max-width: 1100px;
    padding: 0 0 60px
}

.teamSlider {
    max-height: 600px
}

.teamSliderNav {
    background-color: #f2f3f3;
    left: 0;
    margin: 0;
    padding: 25px 0 5px;
    position: absolute;
    top: auto;
    z-index: 10
}

.teamSliderNav:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.teamSliderNav>li {
    width: 50px;
    height: 50px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #282828;
    cursor: pointer;
    float: left;
    line-height: 50px;
    padding: 0 15px
}

.teamSliderNav>li.prev {
    text-align: right
}

.teamSlider .slick-list {
    margin: 0 0 0 -30px
}

.teamSlider .slick-slide {
    margin: 20px 0 20px 30px
}

.teamSlide {
    -webkit-box-shadow: -16px -2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: -16px -2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: -16px -2px 30px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    width: 400px
}

.teamSlideInner {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 400px;
    height: 0;
    -webkit-transition: opacity 0s ease 1s;
    transition: opacity 0s ease 1s;
    opacity: 0;
    padding-bottom: 120%;
    position: relative
}

.teamSlideInner:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 60px;
    height: 1px;
    background-color: #fff;
    bottom: 30px;
    left: 30px
}

.teamSlideContent {
    bottom: 65px;
    left: 0;
    padding: 0 30px;
    position: absolute;
    text-align: left
}

.teamSlideTitle {
    color: #fff;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 30px;
    margin: 0 0 3px
}

.teamSlideFunction {
    color: #fff;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    width: 100%
}

.teamSlideMail {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    bottom: 24px;
    color: #fff;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 17px;
    left: 105px;
    line-height: 1;
    position: absolute
}

.teamSlide[data-offset] .teamSlideInner {
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.teamSlide[data-offset="0"] .teamSlideInner {
    opacity: 1
}

.teamSlide[data-offset="1"] .teamSlideInner {
    opacity: .7
}

.teamSlide[data-offset="2"] .teamSlideInner {
    opacity: .5
}

.teamSlide[data-offset="3"] .teamSlideInner {
    opacity: .3
}

.teamSlide[data-offset="4"] .teamSlideInner {
    opacity: .15
}

.work {
    padding: 50px 0
}

.workAlt {
    padding-top: 0
}

.workAlt .workInner {
    padding-top: 120px
}

.workInner {
    background-color: #81848b;
    color: #fff;
    left: calc((100% - 1100px)/2);
    padding: 70px calc((100% - 2000px)/2) 80px 100px;
    position: relative;
    width: calc(100% - ((100% - 1100px)/2))
}

.workTitle {
    color: #fff
}

.workAccordionItemTitle {
    -webkit-transition: font-weight .3s ease;
    transition: font-weight .3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    cursor: pointer;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 40px 10px 0;
    position: relative
}

.workAccordionItemTitle .plus {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 17px
}

.workAccordionItemTitle .plus:before,
.workAccordionItemTitle .plus:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 12px;
    height: 1px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #fff;
    left: 0;
    top: 6px
}

.workAccordionItemTitle .plus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.workAccordionItemContent {
    display: none;
    padding: 20px 0 40px
}

.workAccordionItemDesc.dotThis,
.workAccordionItem p.dotThis {
    max-height: 120px;
    overflow: hidden
}

.workAccordionItemDesc a,
.workAccordionItem p a {
    color: #fff;
    text-decoration: underline
}

.workAccordionItemOpen .workAccordionItemContent {
    padding-bottom: 0
}

.workAccordionItem.active .workAccordionItemTitle {
    font-weight: 700
}

.workAccordionItem.active .workAccordionItemTitle .plus:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.impression {
    padding: 50px 0
}

.impressionAlt {
    position: relative
}

.impressionAlt:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 220px;
    background-color: #f2f3f3;
    left: 0;
    max-height: calc(100% - 50px);
    top: 0
}

.map {
    padding: 65px 0 30px;
    position: relative
}

.map:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 215px;
    background-color: #f2f3f3;
    bottom: 0;
    left: 0
}

.mapTitle {
    margin: 0 0 70px
}

.mapInner {
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    position: relative;
    width: calc(100% - ((100% - 1500px)/2))
}

.mapInfo {
    width: 400px;
    height: 290px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 185px
}

.mapInfo:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 50px;
    height: 100%;
    background-color: #fff;
    right: -50px;
    top: 0
}

.mapInfoInner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    padding: 0 0 0 100px
}

.mapInfoTitle {
    color: #3b3a3a;
    display: block;
    margin: 0 0 30px
}

.mapInfoList {
    margin: 0
}

.mapInfoList a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #7c7c7c
}

.mapInfoAltInner {
    padding: 30px 60px;
    background-color: #fff
}

.form {
    padding: 30px 0
}

.formAlt {
    padding: 0
}

.formInner {
    background-color: #000;
    color: #fff;
    padding: 80px calc((100% - 1500px)/2) 80px 400px;
    position: relative;
    left: calc((100% - 1500px)/2);
    min-height: 640px;
    width: calc(100% - ((100% - 1500px)/2))
}

.formGroup {
    margin-bottom: 10px
}

.formTitle {
    color: #fff;
    display: block;
    margin: 0 0 30px
}

.formContact {
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    width: 540px;
    height: 480px;
    background-color: #fff;
    color: #3b3a3a;
    left: -250px;
    position: absolute;
    top: 80px
}

.formContactInner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    padding: 0 60px;
    width: 100%
}

.formContactWorkplace {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #3b3a3a;
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 50px
}

.formContactPhone,
.formContactMail {
    font-size: 30px;
    line-height: 40px
}

.formContactPhone span,
.formContactPhone a,
.formContactMail span,
.formContactMail a {
    display: block
}

.formContactPhone a,
.formContactMail a {
    color: #3b3a3a;
    font-weight: 700
}

.formContactPhone {
    margin: 0 0 25px
}

.formContactMail a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #81848b
}

.closeTitle {
    margin: 35px 0 70px
}

.productBase {
    padding: 0 0 40px;
    position: relative;
    z-index: 10
}

.productBase:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 105px;
    background-color: #f2f3f3;
    bottom: 0;
    left: 0
}

.productBaseInner {
    margin-top: -330px
}

.productBaseTop {
    background-color: #000;
    position: relative
}

.productBaseTopSpecs {
    float: right;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    padding: 50px 50px 0;
    width: calc(100%/3)
}

.productBaseTopSpecsTitle {
    color: #fff;
    display: block;
    margin: 0 0 10px;
    overflow: hidden
}

.productBaseTopSpecsSubtitle {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 300;
    line-height: 22px;
    margin: 0 0 30px;
    max-height: 44px
}

.productBaseTopSpecsPrice {
    color: #fff;
    margin: 0 0 45px
}

.productBaseTopSpecsPriceLabel {
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 5px
}

.productBaseTopSpecsPriceValue {
    font-size: 34px;
    font-weight: 300;
    line-height: 34px
}

.productBaseTopSpecsBtns {
    margin: 0 0 20px
}

.productBaseTopSpecsList {
    margin: 0 0 30px
}

.productBaseTopSpecsListLast {
    margin: 0
}

.productBaseTopSpecsList li {
    color: #fff;
    font-size: 20px;
    line-height: 30px
}

.productBaseTopSpecsList li .label {
    display: block;
    font-weight: 100
}

.productBaseTopSpecsList li .value {
    display: block;
    font-weight: 700
}

.productBaseTopSpecsRight .cols div:nth-child(2n+1) {
    clear: both
}

.productBaseTopSpecsScrollTo {
    cursor: pointer
}

.productBaseTopSlider {
    height: 0;
    padding-bottom: 70%
}

.productBaseTopSliderContainer {
    width: calc(2 * (100%/3));
    float: left;
    position: relative
}

.productBaseTopSlider .slick-list,
.productBaseTopSlider .slick-track {
    width: 100%;
    height: 100%;
    position: absolute
}

.productBaseTopSliderNav {
    background-color: #000;
    bottom: 0;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    z-index: 10
}

.productBaseTopSliderNav:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productBaseTopSliderNav>li {
    width: 50px;
    height: 50px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #fff;
    cursor: pointer;
    float: left;
    line-height: 50px;
    padding: 0 15px
}

.productBaseTopSliderNav>li.prev {
    text-align: right
}

.productBaseTopSlide {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.productBaseTopSlideLabel {
    background-color: rgba(40, 40, 40, .4);
    border: 1px solid #fff;
    color: #fff;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    padding: 5px 15px;
    position: absolute;
    right: 50px;
    top: 50px
}

.productBaseBottom {
    overflow: hidden
}

.productBaseBottomSlider .slick-list {
    padding: 0 0 0 20px
}

.productBaseBottomSlide img {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3
}

.productBaseBottomSlide.slick-current img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.productBaseCta:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productBaseCtaImg {
    float: left;
    width: 100px
}

.productBaseCtaContent {
    float: left;
    padding-left: 30px;
    width: calc(100% - 100px)
}

.productBaseCtaTitle {
    color: #fff;
    display: block;
    font-size: 19px;
    line-height: 30px
}

.productBaseCtaTel {
    color: #fff;
    display: block;
    font-size: 19px;
    line-height: 30px
}

.productBaseCtaTel.open {
    padding-left: 24px;
    position: relative
}

.productBaseCtaTel.open:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background-color: #2ecc71
}

.productBaseCtaContact {
    font-size: 19px
}

.productOptions {
    background-color: #f2f3f3;
    margin: 0 0 30px;
    padding: 30px 0 0
}

.productOptions .inner {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.productOptionsDesc {
    margin-bottom: 30px;
    color: #000
}

.productOptionsDesc p,
.productOptionsDesc ul,
.productOptionsDesc li {
    color: #000
}

.productOptionsList {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    list-style: outside disc;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 30px 0 20px
}

.productOptionsList:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productOptionsList li {
    color: #3b3a3a;
    float: left;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 36px;
    padding: 0 0 0 20px;
    vertical-align: top;
    width: calc(100%/3)
}

.productOptionsListAlt li {
    width: 50%
}

.productOptionsMore {
    color: #3b3a3a;
    font-size: 20px;
    font-weight: 700;
    margin-left: 40px
}

.productOptionsOverview {
    padding: 0 0 50px
}

.productOptionsChoices {
    background-color: #81848b;
    border: 30px solid #fff;
    color: #fff;
    margin: -30px -30px -60px 0;
    padding: 30px
}

.productOptionsChoicesBlock:not(:last-child) {
    margin: 0 0 30px
}

.productOptionsChoicesBlockTitle {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 10px
}

.productOptionsChoices form label {
    color: #fff;
    display: block;
    font-weight: 300;
    margin: 0;
    line-height: 30px
}

.productOptionsChoices form label.price {
    display: inline-block;
    width: 55px
}

.productOptionsChoices form select {
    color: #fff;
    border-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0;
    width: auto
}

.productOptionsChoices form select option {
    color: #282828
}

.productOptionsChoices form select option:checked {
    font-weight: 700
}

.productOptionsChoices form select option[disabled=disabled] {
    color: rgba(40, 40, 40, .5)
}

.productOptionsChoices form input[type=checkbox] {
    position: relative;
    top: 2px;
    width: auto!important
}

.productOptionsChoices form input[type=checkbox]:checked+label.price {
    font-weight: 700
}

.productOptionsChoices dl {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin: 0;
    padding: 5px 0
}

.productOptionsChoices dl:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productOptionsChoices dl dt {
    float: left;
    width: 50%
}

.productOptionsChoices dl dd {
    float: left;
    text-align: right;
    width: 50%
}

.productOptionsChoices dl dd:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productOptionsChoices dl dd select {
    float: left;
    width: calc(100% - 55px)
}

.productOptionsChoices dl dd select+label.price {
    float: left
}

.productSubs {
    background-color: #f2f3f3;
    position: relative;
    margin: -30px 0 0
}

.productSubs:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100px;
    background-color: #fff;
    bottom: 0;
    left: 0
}

.productFeatured {
    padding: 30px 0
}

.productFeatured:before {
    height: 240px;
    top: 0
}

.productSpecsHighlight {
    background-color: #81848b;
    color: #fff;
    padding: 40px
}

.productSpecsHighlightTitle {
    color: #fff;
    margin: 0 0 55px
}

.productSpecsHighlightList {
    margin: 0
}

.productSpecsHighlightList li {
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif
}

.productSpecsHighlightList li:not(:last-child) {
    margin: 0 0 25px
}

.productSpecsHighlightList li .label {
    display: block;
    font-size: 20px;
    font-weight: 100;
    margin: 0 0 5px;
    text-transform: uppercase
}

.productSpecsHighlightList li .value {
    font-size: 36px;
    font-weight: 700
}

.productSpecsHighlightList li .value small {
    font-size: 20px;
    margin-left: 10px;
    text-transform: uppercase
}

.productSpecsAll {
    background-color: #f2f3f3;
    margin: 20px 0 0;
    padding: 60px 80px
}

.productSpecsAll table {
    margin: 0
}

.productSpecsAll table tr th,
.productSpecsAll table tr td {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    color: #3b3a3a;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 19px;
    padding: 15px 0;
    vertical-align: top;
    width: 50%
}

.productSpecsAll table tr th:nth-child(1),
.productSpecsAll table tr td:nth-child(1) {
    font-weight: 100
}

.productSpecsAll table tr th:nth-child(2),
.productSpecsAll table tr td:nth-child(2) {
    font-weight: 700;
    text-align: right
}

.productConf {
    background-color: #f2f3f3;
    margin: 80px 0 30px
}

.productConfTitle {
    display: block;
    margin: 0 0 40px
}

.productConfChoices {
    padding: 80px 0
}

.productConfChoicesBlock:not(:last-child) {
    margin: 0 0 50px
}

.productConfChoicesBlockTitle {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 10px
}

.productConfChoicesBlockLabel {
    color: #282828;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px
}

.productConfChoicesBlockSelect {
    width: auto;
    height: 30px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #282828;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    margin: 0 20px 0 0;
    opacity: 1
}

.productConfChoicesBlockSelect.disabled {
    opacity: .2;
    pointer-events: none
}

.productConfChoicesBlockPrice {
    color: #282828;
    display: inline-block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 20px 0 0
}

.productConfChoicesBlockCheckbox {
    display: inline-block;
    margin: 6px 0;
    vertical-align: top
}

.productConfChoicesBlockCheckbox input {
    display: none
}

.productConfChoicesBlockCheckbox input:checked+label {
    -webkit-box-shadow: 0 0 0 10px #7c7c7c inset;
    -ms-box-shadow: 0 0 0 10px #7c7c7c inset;
    box-shadow: 0 0 0 10px #7c7c7c inset
}

.productConfChoicesBlockCheckbox input:checked+label:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.productConfChoicesBlockCheckbox input+label {
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 2px #7c7c7c inset;
    -ms-box-shadow: 0 0 0 2px #7c7c7c inset;
    box-shadow: 0 0 0 2px #7c7c7c inset;
    width: 18px;
    height: 18px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    position: relative
}

.productConfChoicesBlockCheckbox input+label:before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/check.svg);
    left: 50%;
    position: absolute;
    top: 50%
}

.productConfChoicesBlock dl {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin: 0;
    padding: 10px 0
}

.productConfChoicesBlock dl:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productConfChoicesBlock dl dt {
    float: left;
    width: 55%
}

.productConfChoicesBlock dl dd {
    float: left;
    text-align: right;
    width: 45%
}

.productConfAside {
    background-color: #000;
    border: 30px solid #fff;
    color: #fff;
    margin: -30px;
    padding: 50px
}

.productConfAside.loading {
    position: relative
}

.productConfAside.loading:before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 5
}

.productConfAside.loading:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 64px;
    height: 64px;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/tail-spin.svg);
    z-index: 10
}

.productConfAsideImg {
    margin: 0 0 25px
}

.productConfAsideTitle {
    color: #fff
}

.productConfAsidePrices dl {
    line-height: 16px;
    margin: 0;
    padding: 7px 0
}

.productConfAsidePrices dl:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productConfAsidePrices dl dt,
.productConfAsidePrices dl dd {
    float: left;
    width: 50%
}

.productConfAsidePrices dl dt {
    padding-right: 10px
}

.productConfAsidePrices dl dd strong {
    border-bottom: 2px solid #fff
}

.productConfAsidePrices dl dd a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

.productPersonal {
    padding: 70px 0 50px
}

.productPersonalInner {
    background-color: #81848b;
    color: #fff;
    left: 0;
    padding: 70px 450px 70px calc((100% - 1500px)/2);
    position: relative;
    width: calc(100% - ((100% - 1100px)/2))
}

.productPersonalTitle {
    color: #fff;
    display: block
}

.productPersonalAddress>li>a {
    color: #fff
}

.productPersonalImg {
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100% + 50px);
    bottom: 0;
    max-height: 1000px;
    max-width: 400px;
    pointer-events: none;
    position: absolute;
    right: 50px
}

.productFinance {
    padding: 50px 0 100px
}

.productFinanceInner {
    background-color: #f2f3f3
}

.productFinanceRows dl {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    color: #282828;
    margin: 0;
    padding: 10px 0
}

.productFinanceRows dl:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productFinanceRows dl dt {
    float: left;
    width: 50%
}

.productFinanceRows dl dd {
    float: left;
    font-weight: 700;
    text-align: right;
    width: 50%
}

.productFinanceRowsTotal {
    color: #81848b;
    font-size: 18px
}

.productFinanceRows form select {
    color: #282828;
    border-bottom: 0;
    font-family: montserrat, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0;
    width: auto
}

.productFinanceRows form button[type=submit] {
    color: #282828;
    display: inline-block;
    font-size: 18px;
    margin: 10px 0 0
}

.productFinanceRows form button[type=submit]:before {
    background-color: #282828
}

.productFinanceRows form button[type=submit] i.plus {
    margin: 8px 0 0 10px!important
}

.productFinanceRows form button[type=submit] i.plus span.horizontal:before,
.productFinanceRows form button[type=submit] i.plus span.horizontal:after,
.productFinanceRows form button[type=submit] i.plus span.vertical:before,
.productFinanceRows form button[type=submit] i.plus span.vertical:after {
    background-color: #282828
}

.productFinanceRowsPage {
    background-color: #f2f3f3;
    margin: 0 0 50px;
    padding: 40px
}

.productFinanceSlider {
    width: 100%;
    height: 4px;
    background: #d2d2d2;
    border: 0;
    float: left;
    margin: 13px 0 0
}

.productFinanceSlider * {
    outline: none!important
}

.productFinanceSlider .ui-slider-range-min {
    background: #81848b
}

.productFinanceSlider .ui-slider-handle {
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    top: -7px
}

.productFinanceSlider .ui-slider-handle.ui-state-active {
    background: #2b2c2f!important
}

.productFinanceLeft {
    padding: 60px 0
}

.productFinanceRight {
    background-color: #000;
    border: 30px solid #fff;
    margin: -60px -30px -60px 0;
    padding: 90px 50px;
    position: relative;
    min-height: 100%
}

.productFinanceRight form {
    padding: 40px 0 0
}

.productFinanceRight form label {
    color: #fff;
    font-size: 18px
}

.productFinanceRight form input {
    color: #fff
}

.productFinanceRight form input::-webkit-input-placeholder {
    color: #81848b;
    opacity: 1
}

.productFinanceRight form input::-moz-placeholder {
    color: #81848b;
    opacity: 1
}

.productFinanceRight form input:-ms-input-placeholder {
    color: #81848b;
    opacity: 1
}

.productFinanceRight form input:-moz-placeholder {
    color: #81848b;
    opacity: 1
}

.productFinanceRight form button[type=submit] {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 30px 0 0
}

.productFinanceRight form button[type=submit]:before {
    background-color: #fff
}

.productFinanceRight form button[type=submit] i.plus {
    margin: 8px 0 0 10px!important
}

.productFinanceRight form button[type=submit] i.plus span.horizontal:before,
.productFinanceRight form button[type=submit] i.plus span.horizontal:after,
.productFinanceRight form button[type=submit] i.plus span.vertical:before,
.productFinanceRight form button[type=submit] i.plus span.vertical:after {
    background-color: #fff
}

.productInterested {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 100px 0;
    position: relative
}

.productInterested:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    left: 0;
    top: 0
}

.productInterestedTitle {
    color: #fff;
    display: block
}

.productOther {
    padding: 65px 0
}

.productOtherTitle {
    display: block;
    margin: 0 0 60px
}

.productPopup {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #fff;
    max-width: 500px;
    opacity: 0;
    padding: 40px;
    position: fixed;
    visibility: hidden;
    width: 90%;
    z-index: 1020
}

.productPopup p {
    color: #3b3a3a
}

.productPopupTitle {
    margin: 0 0 30px
}

.productPopupSubtitle {
    color: #81848b
}

.productPopupList {
    list-style: none
}

.productPopupList:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.productPopupList>li {
    float: left
}

.productPopupList>li:not(:last-child) {
    margin-right: 20px
}

.productPopupList>li>a {
    color: #fff;
    display: block;
    padding: 5px 15px
}

.productPopupList>li>a.phone {
    background-color: #81848b
}

.productPopupList>li>a.whatsapp {
    background-color: #5fb257
}

.productPopupList>li>a i {
    margin-right: 5px
}

.productPopupClose {
    width: 30px;
    height: 30px;
    background-color: #3b3a3a;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.productPopupBg {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: rgba(255, 255, 255, .9);
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    z-index: 1010
}

.productPopupBg.active {
    opacity: 1;
    visibility: visible
}

.productPopup.active {
    opacity: 1;
    visibility: visible
}

.filters {
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    min-height: 210px;
    margin: -140px 0 0;
    position: relative;
    z-index: 900
}

.filtersTop {
    background-color: #fff;
    padding: 0 50px;
    position: relative
}

.filtersTopInner {
    margin-left: -50px!important;
    margin-right: -50px
}

.filtersTopBlock {
    cursor: pointer;
    height: 140px;
    padding: 40px 50px;
    position: relative
}

.filtersTopBlock:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 2px;
    height: 60px;
    background-color: #f2f3f3;
    right: -1px;
    top: 40px
}

.filtersTopBlockLight:before {
    background-color: rgba(255, 255, 255, .25)
}

.filtersTopBlockLight .filtersTopBlockToggle {
    color: #fff
}

.filtersTopBlockLight .filtersTopBlockInput {
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff
}

.filtersTopBlockLight .filtersTopBlockInput::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.filtersTopBlockLight .filtersTopBlockInput::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.filtersTopBlockLight .filtersTopBlockInput:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.filtersTopBlockLight .filtersTopBlockInput:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.filtersTopBlockPrice {
    cursor: initial
}

.filtersTopBlockMore:before {
    display: none
}

.filtersTopBlock.active .filtersTopBlockToggle:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filtersTopBlock.active .filtersTopBlockSelects {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.filtersTopBlock.disabled {
    pointer-events: none
}

.filtersTopBlock.disabled .filtersTopBlockLabel,
.filtersTopBlock.disabled .filtersTopBlockToggle {
    opacity: .25
}

.filtersTopBlockLabel {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    display: block;
    font-size: 20px;
    font-weight: 100
}

.filtersTopBlockToggle {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    color: #3b3a3a;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    height: 30px
}

.filtersTopBlockToggle:after {
    -webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    content: '\f107';
    display: inline-block;
    font-family: fontawesome;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 10px
}

.filtersTopBlockSelects {
    -webkit-box-shadow: 0 13px 20px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 13px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, .15);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #fff;
    left: 0;
    margin: 0;
    min-width: 200px;
    opacity: 0;
    padding: 60px 50px 20px;
    position: absolute;
    top: calc(100% + 1px);
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.filtersTopBlockSelects>li {
    position: relative
}

.filtersTopBlockSelects>li:before {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #81848b;
    content: '\00d7';
    opacity: 0;
    pointer-events: none;
    right: 0
}

.filtersTopBlockSelects>li.active:before {
    opacity: 1
}

.filtersTopBlockSelects>li.active>a {
    color: #81848b;
    font-weight: 700
}

.filtersTopBlockSelects>li.close {
    background-color: #81848b;
    font-size: 17px;
    font-weight: 700;
    left: 0;
    line-height: 40px;
    padding: 0 50px;
    position: absolute;
    top: 0;
    width: 100%
}

.filtersTopBlockSelects>li.close>a {
    color: #fff
}

.filtersTopBlockSelects>li>a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #3b3a3a;
    display: block
}

.filtersTopBlockSlider {
    width: calc(100% - 130px);
    height: 4px;
    background: #d2d2d2;
    border: 0;
    float: left;
    margin: 13px 0 0
}

.filtersTopBlockSlider * {
    outline: none!important
}

.filtersTopBlockSlider .ui-slider-range-min {
    background: #81848b
}

.filtersTopBlockSlider .ui-slider-handle {
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    top: -7px
}

.filtersTopBlockSlider .ui-slider-handle.ui-state-active {
    background: #2b2c2f!important
}

.filtersTopBlockSliderContainer {
    clear: both;
    height: 30px
}

.filtersTopBlockSliderContainer:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.filtersTopBlockSliderPrice {
    color: #3b3a3a;
    float: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-left: 30px;
    width: 100px
}

.filtersTopBlockInput {
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: 1px solid rgba(59, 58, 58, .5);
    color: #3b3a3a;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 100;
    outline: none!important;
    padding: 0 8px
}

.filtersTopBlockInput::-webkit-input-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.filtersTopBlockInput::-moz-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.filtersTopBlockInput:-ms-input-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.filtersTopBlockInput:-moz-placeholder {
    color: #3b3a3a;
    opacity: 1
}

.filtersTopBlockInputConfirm {
    width: 30px;
    height: 30px;
    color: #81848b;
    display: block;
    text-align: center
}

.filtersTopMore {
    background-color: #3b3a3a;
    color: #fff;
    display: none;
    margin: 0 -50px;
    padding: 0 50px
}

.filtersTopMoreInner {
    margin-left: -50px!important;
    margin-right: -50px
}

.filtersBottom {
    background-color: #f2f3f3;
    min-height: 70px;
    padding: 0 50px
}

.filtersBottom:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.filtersBottomCount {
    float: left;
    font-weight: 100;
    line-height: 70px;
    width: 150px
}

.filtersBottomCount>span {
    font-weight: 700
}

.filtersBottomList {
    float: left;
    margin: 15px 0 5px 50px;
    width: calc(100% - 200px)
}

.filtersBottomList:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.filtersBottomList>li {
    display: block;
    float: left;
    margin: 0 0 10px
}

.filtersBottomList>li:not(:last-child) {
    margin-right: 10px
}

.filtersBottomList>li>a {
    -webkit-transition: background-color .3s ease, color .3s;
    transition: background-color .3s ease, color .3s;
    background-color: #fff;
    color: #3b3a3a;
    cursor: pointer;
    display: block;
    font-size: 17px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-transform: lowercase
}

.filtersBottomList>li>a:after {
    color: #81848b;
    content: '\00d7';
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
    vertical-align: middle
}

.filtersMobile {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    background-color: #fff;
    display: block;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 10000001;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px)
}

.filtersMobileInner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: auto;
    padding: 0 0 50px
}

.filtersMobileShow {
    background: #fff;
    color: #3b3a3a;
    display: none;
    font-size: 22px;
    height: 70px;
    line-height: 70px;
    padding: 0 20px
}

.filtersMobileClose {
    background-color: #81848b;
    bottom: 0;
    color: #fff;
    font-weight: 700;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100
}

.filtersMobile .filtersTopBlock {
    height: auto
}

.filtersMobile .filtersTopBlock.active .filtersTopBlockSelects {
    display: block;
    height: auto
}

.filtersMobile .filtersTopBlockSelects {
    -webkit-transition: none;
    transition: none;
    display: none;
    height: 0;
    left: auto;
    position: relative;
    top: auto
}

.filtersMobile .filtersTopBlockSliderPrice {
    font-size: 16px
}

.occasions {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    padding: 30px 0 60px
}

.myLease {
    background-color: #f2f3f3;
    padding: 50px 0
}

.myLeaseAlt {
    padding-bottom: 0
}

.myLeaseAlt .myLeaseInner {
    padding-bottom: 130px
}

.myLeaseInner {
    background-color: #000;
    color: #fff;
    left: 0;
    padding: 70px 100px 80px calc((100% - 1500px)/2);
    position: relative;
    width: calc(100% - ((100% - 1500px)/2))
}

.myLeaseTitle {
    color: #fff
}

.myLeaseAccordionItemTitle {
    -webkit-transition: font-weight .3s ease;
    transition: font-weight .3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    cursor: pointer;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 40px 10px 0;
    position: relative
}

.myLeaseAccordionItemTitle .plus {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 17px
}

.myLeaseAccordionItemTitle .plus:before,
.myLeaseAccordionItemTitle .plus:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 12px;
    height: 1px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #fff;
    left: 0;
    top: 6px
}

.myLeaseAccordionItemTitle .plus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.myLeaseAccordionItemContent {
    display: none;
    padding: 20px 0 40px
}

.myLeaseAccordionItemDesc.dotThis,
.myLeaseAccordionItem p.dotThis {
    max-height: 120px;
    overflow: hidden
}

.myLeaseAccordionItemDesc a,
.myLeaseAccordionItem p a {
    color: #fff;
    text-decoration: underline
}

.myLeaseAccordionItemOpen .myLeaseAccordionItemContent {
    padding-bottom: 0
}

.myLeaseAccordionItem.active .myLeaseAccordionItemTitle {
    font-weight: 700
}

.myLeaseAccordionItem.active .myLeaseAccordionItemTitle .plus:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.workplace {
    padding: 55px 0 35px;
    position: relative
}

.workplaceAlt {
    padding-bottom: 0
}

.workplaceAlt .workplaceInner {
    padding-bottom: 150px
}

.workplaceInner {
    background-color: #f2f3f3;
    color: #3b3a3a;
    left: 0;
    padding: 70px 500px 80px calc((100% - 1500px)/2);
    position: relative;
    width: calc(100% - ((100% - 1500px)/2))
}

.workplaceInner:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 150px;
    height: 100%;
    background-color: #fff;
    right: 0;
    top: 0
}

.workplaceTitle {
    margin: 0 0 60px
}

.workplaceBlock {
    position: absolute;
    right: 0;
    top: -30px;
    width: 300px
}

.workplaceBlock:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    background-color: #fff;
    left: -30px;
    top: -30px
}

.workplaceAccordionItemTitle {
    -webkit-transition: font-weight .3s ease;
    transition: font-weight .3s ease;
    border-bottom: 1px solid rgba(59, 58, 58, .5);
    cursor: pointer;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 40px 10px 0;
    position: relative
}

.workplaceAccordionItemTitle .plus {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 17px
}

.workplaceAccordionItemTitle .plus:before,
.workplaceAccordionItemTitle .plus:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 12px;
    height: 1px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #3b3a3a;
    left: 0;
    top: 6px
}

.workplaceAccordionItemTitle .plus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.workplaceAccordionItemContent {
    display: none;
    padding: 20px 0 40px
}

.workplaceAccordionItemDesc.dotThis,
.workplaceAccordionItem p.dotThis {
    max-height: 120px;
    overflow: hidden
}

.workplaceAccordionItemDesc a,
.workplaceAccordionItem p a {
    color: #3b3a3a;
    text-decoration: underline
}

.workplaceAccordionItemVideo {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 56.25%;
    position: relative
}

.workplaceAccordionItemVideo:before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/play.svg);
    left: 50%;
    position: absolute;
    top: 50%
}

.workplaceAccordionItemVideoContainer {
    max-width: 800px;
    width: 100%
}

.workplaceAccordionItemOpen .workplaceAccordionItemContent {
    padding-bottom: 0
}

.workplaceAccordionItem.active .workplaceAccordionItemTitle {
    font-weight: 700
}

.workplaceAccordionItem.active .workplaceAccordionItemTitle .plus:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.conversion {
    padding: 40px 0 70px;
    position: relative
}

.conversion:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.conversionLeft {
    float: left;
    padding: 50px 100px 50px calc((100% - 1500px)/2);
    width: 50%
}

.conversionRight {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    width: 50%;
    height: calc(100% - 110px);
    background-color: #3b3a3a;
    position: absolute;
    right: 0;
    top: 40px
}

.conversionRight.lightbox {
    cursor: pointer
}

.conversionRight.lightbox:before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/play.svg);
    left: 50%;
    position: absolute;
    top: 50%
}

.conversionBtns {
    margin: 30px 0 0
}

.conversionBtns:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.conversionBtns .Btn {
    float: left
}

.conversionBtns .Btn:not(:last-child) {
    margin-right: 25px
}

.guarantee {
    background-color: #81848b;
    color: #fff;
    padding: 75px 0
}

.guaranteeTitle {
    color: #fff
}

.app {
    padding: 80px 0
}

.appStoreBtns {
    margin: 50px 0 0
}

.appStoreBtns .appStoreBtn:not(:last-child) {
    margin-right: 25px
}

.appStoreBtn {
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    width: 190px;
    height: 62px;
    display: block;
    float: left
}

.appStoreBtnGoogle {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/googlePlay.jpg)
}

.appStoreBtnApple {
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/appStore.jpg)
}

.split:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.splitLeft {
    float: left;
    width: calc(50% - 25px)
}

.splitLeftImg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    height: 0;
    padding-bottom: 40%
}

.splitLeftContent {
    padding: 70px 50px 0 calc((100vw - 1500px)/2)
}

.splitRight {
    float: right;
    width: calc(50% - 25px)
}

.splitRightImg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    height: 0;
    padding-bottom: 40%
}

.splitRightContent {
    padding: 70px calc((100vw - 1500px)/2) 0 50px
}

.splitBtns {
    margin: 30px 0 0
}

.splitBtns:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.splitBtns .Btn {
    float: left
}

.splitBtns .Btn:not(:last-child) {
    margin-right: 25px
}

.layout {
    padding: 60px 0 20px
}

.layoutTitle {
    margin: 0 0 55px
}

.layoutContent {
    margin: 0 0 35px
}

.layoutConversie {
    margin: 0 0 35px
}

.layoutConversieBtns:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.layoutConversieBtns .Btn {
    float: left
}

.layoutConversieBtns .Btn:not(:last-child) {
    margin-right: 25px
}

.layoutAfbeelding,
.layoutVideo {
    margin: 0 0 35px
}

.layoutAfbeeldingNoot,
.layoutVideoNoot {
    background-color: transparent;
    border-left: 2px solid #81848b;
    color: #3b3a3a;
    display: block;
    font-size: 12px;
    line-height: 24px;
    margin: 5px 0 0;
    padding: 5px 15px
}

.layoutVideo a {
    display: block
}

.layoutVideoInner {
    position: relative
}

.layoutVideoInner:before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    -ms-box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    box-shadow: 16px 2px 30px 0 rgba(0, 0, 0, .3);
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    background-image: url(https://www.autohaarhuis.nl/wp-content/themes/auto_haarhuis_dev/library/images/play.svg);
    left: 50%;
    position: absolute;
    top: 50%
}

.layoutIframe {
    margin: 0 0 35px
}

.layoutIframeItem {
    width: 100%
}

.layoutOccasions {
    margin: 0 0 35px
}

.layoutOccasionsBtns {
    margin: 30px 0 0
}

.layoutFormulier {
    margin: 0 0 35px
}

.layoutAccordion {
    margin: 0 0 35px
}

.layoutAccordionItemTitle {
    -webkit-transition: font-weight .3s ease;
    transition: font-weight .3s ease;
    border-bottom: 1px solid rgba(59, 58, 58, .5);
    cursor: pointer;
    display: block;
    font-family: neuzeit-grotesk, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 45px;
    padding: 0 40px 0 0;
    position: relative
}

.layoutAccordionItemTitle .plus {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 17px
}

.layoutAccordionItemTitle .plus:before,
.layoutAccordionItemTitle .plus:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    width: 12px;
    height: 1px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #3b3a3a;
    left: 0;
    top: 6px
}

.layoutAccordionItemTitle .plus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.layoutAccordionItemContent {
    display: none;
    padding: 20px 0 40px
}

.layoutAccordionItemContentBtns:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.layoutAccordionItemContentBtns .Btn:not(:last-child) {
    margin-right: 25px
}

.layoutAccordionItemDesc.dotThis,
.layoutAccordionItem p.dotThis {
    max-height: 120px;
    overflow: hidden
}

.layoutAccordionItemDesc a,
.layoutAccordionItem p a {
    color: #3b3a3a;
    text-decoration: underline
}

.layoutAccordionItemOpen .layoutAccordionItemContent {
    padding-bottom: 0
}

.layoutAccordionItem.active .layoutAccordionItemTitle {
    font-weight: 700
}

.layoutAccordionItem.active .layoutAccordionItemTitle .plus:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.photoGalleryService {
    margin: -50px 0 0;
    padding: 0 0 30px
}

.photoGalleryService .photoGalleryNav {
    background-color: #fff;
    bottom: 0;
    right: 0
}

.photoGalleryServiceAlt {
    margin: 30px 0
}

.photoGalleryAbout {
    margin: 0 0 -50px;
    padding: 50px 0 0;
    position: relative;
    z-index: 2
}

.photoGalleryAbout .photoGalleryNav {
    background-color: #fff;
    left: 0;
    top: 0
}

.photoGalleryLease {
    background: #f2f3f3;
    margin: -50px 0 0;
    padding: 0 0 30px
}

.photoGalleryLease .photoGalleryNav {
    background-color: #f2f3f3;
    bottom: 0;
    right: 0
}

.photoGallerySlide img {
    width: 100%
}

.photoGalleryNav {
    margin: 0;
    padding: 5px 0;
    position: absolute;
    z-index: 10
}

.photoGalleryNav:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.photoGalleryNav>li {
    width: 50px;
    height: 50px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #282828;
    cursor: pointer;
    float: left;
    line-height: 50px;
    padding: 0 15px
}

.photoGalleryNav>li.prev {
    text-align: right
}

.sidePanel {
    width: calc((100%/3) * 2);
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    background-color: #81848b;
    color: #fff;
    left: 0;
    min-width: 720px;
    position: fixed;
    top: 0;
    z-index: 10010
}

.sidePanel.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sidePanelBg {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .95);
    cursor: pointer;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 10000
}

.sidePanelInner {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 100px;
    position: absolute;
    z-index: 1
}

.sidePanelBtns {
    margin: 30px 0 0
}

.sidePanelBtns:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.sidePanelBtns .Btn {
    display: inline-block;
    float: left;
    width: auto
}

.sidePanelBtns .Btn:not(:last-child) {
    margin-right: 15px
}

.sidePanelClose {
    width: 40px;
    height: 40px;
    background-color: #000;
    color: #fff;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 2
}

.sidePanelActive {
    overflow: hidden
}

.sidePanel .mediumTitle {
    color: #fff;
    display: block
}

.sidePanel .articleContent h2,
.sidePanel .articleContent h3,
.sidePanel .articleContent h4,
.sidePanel .articleContent h5,
.sidePanel .articleContent h6 {
    color: #fff!important
}

.contactIntro {
    padding: 60px 0
}

.contactIntroTitle {
    margin: 0
}

html.no-touchevents .heroSliderNav>li:hover {
    color: #3b3a3a
}

html.no-touchevents .featuredSlide:hover a .featuredSlideImg {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

html.no-touchevents .featuredSliderNav>li:hover {
    color: #81848b
}

html.no-touchevents .featuringNav>li:hover {
    color: #81848b
}

html.no-touchevents .featuringSlide:hover:before {
    opacity: 1
}

html.no-touchevents .featuringSlide:hover .featuringSlideContentInner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

html.no-touchevents .featuringSlideReadMore:hover i.plus span.horizontal:before {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    -webkit-transition: transform .2s ease;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

html.no-touchevents .featuringSlideReadMore:hover i.plus span.horizontal:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .2s ease .3s;
    -webkit-transition: -webkit-transform .2s ease .3s;
    transition: -webkit-transform .2s ease .3s;
    transition: transform .2s ease .3s;
    transition: transform .2s ease .3s, -webkit-transform .2s ease .3s
}

html.no-touchevents .featuringSlideReadMore:hover i.plus span.vertical:before {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    -webkit-transition: transform .2s ease .1s;
    -webkit-transition: -webkit-transform .2s ease .1s;
    transition: -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s;
    transition: transform .2s ease .1s, -webkit-transform .2s ease .1s
}

html.no-touchevents .featuringSlideReadMore:hover i.plus span.vertical:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .2s ease .4s;
    -webkit-transition: -webkit-transform .2s ease .4s;
    transition: -webkit-transform .2s ease .4s;
    transition: transform .2s ease .4s;
    transition: transform .2s ease .4s, -webkit-transform .2s ease .4s
}

html.no-touchevents .brandsList>li>a:hover>img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

html.no-touchevents .teamSlideMail:hover {
    color: #81848b
}

html.no-touchevents .teamSliderNav>li:hover {
    color: #81848b
}

html.no-touchevents .mapInfoList a:hover {
    color: #81848b
}

html.no-touchevents .formContactWorkplace:hover {
    color: #81848b
}

html.no-touchevents .formContactMail a:hover {
    color: #5c5e64
}

html.no-touchevents .layoutVideo a:hover .layoutVideoInner:before {
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9)
}

html.no-touchevents .workplaceAccordionItemVideo:hover:before {
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9)
}

html.no-touchevents .conversionRight.lightbox:hover:before {
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9)
}

html.no-touchevents .filtersBottomList>li>a:hover {
    background-color: #3b3a3a;
    color: #fff
}

html.no-touchevents .productPopupList>li>a.phone:hover {
    background-color: #686b71
}

html.no-touchevents .productPopupList>li>a.whatsapp:hover {
    background-color: #4a9343
}

html.touchevents .featuringSlide:before {
    opacity: 1
}

html.touchevents .featuringSlide .featuringSlideContentInner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

html.ios .appStoreBtnGoogle {
    display: none
}

html.android .appStoreBtnApple {
    display: none
}

@media screen and (max-width:2222px) {
    .workInner {
        padding: 70px 5% 80px 100px
    }
}

@media screen and (max-width:2000px) {
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 170px;
        padding-left: calc((100% - 1500px)/2)
    }
    .heroPageSubtitle {
        padding-left: calc((100% - 1500px)/2)
    }
    .heroSlideDesc,
    .heroPageDesc {
        padding-left: calc((100% - 1500px)/2)
    }
    .heroProductActions {
        right: calc((100% - 1500px)/2)
    }
    .formInner {
        min-height: 540px
    }
    .formContact {
        width: 380px;
        height: 380px;
        left: -50px
    }
    .formContactWorkplace {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 40px
    }
    .formContactPhone,
    .formContactMail {
        font-size: 24px;
        line-height: 32px
    }
}

@media screen and (max-width:1800px) {
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 160px
    }
    .brandsTitle {
        font-size: 160px
    }
}

@media screen and (max-width:1650px) {
    .animsition-overlay-slide:before {
        left: 5%
    }
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 150px;
        padding-left: 5%
    }
    .heroPageSubtitle {
        padding-left: 5%
    }
    .heroSlideDesc,
    .heroPageDesc {
        padding-left: 5%
    }
    .heroProductActions {
        right: 5%
    }
    .brandsTitle {
        font-size: 150px
    }
    .workInner {
        left: 5%;
        padding: 70px 5%;
        width: 95%
    }
    .myLeaseInner {
        padding: 70px 5%;
        width: 95%
    }
    .workplaceInner {
        padding: 70px 500px 70px 5%;
        width: 95%
    }
    .conversionLeft {
        padding-left: 5%
    }
    .splitLeftContent,
    .splitRightContent {
        padding: 70px 5% 0
    }
    .productSpecsHighlight {
        border-bottom: 30px solid #fff;
        border-right: 30px solid #fff;
        margin: 0 0 -60px;
        padding: 40px 40px 15px;
        position: relative;
        z-index: 20
    }
    .productSpecsHighlightList:after {
        content: "";
        display: block;
        clear: both;
        width: 0;
        height: 0;
        line-height: 0;
        visibility: hidden
    }
    .productSpecsHighlightList li {
        float: left
    }
    .productSpecsHighlightList li:not(:last-child) {
        margin: 0 120px 25px 0
    }
    .productSpecsAll {
        margin: 0;
        padding: 110px 80px 60px
    }
    .productPersonalInner {
        padding: 70px 450px 70px 5%;
        width: 95%
    }
    .mapInner {
        width: 95%
    }
    .formInner {
        padding: 80px 5% 80px 400px;
        left: 5%;
        width: 95%
    }
}

@media screen and (max-width:1600px) and (min-width:1223px) {
    .productBaseTopSlideLabel {
        right: 30px;
        top: 30px
    }
    .productBaseTopSpecs {
        padding: 30px 40px 0
    }
    .productBaseTopSpecsTitle {
        font-size: 27px;
        line-height: 27px
    }
    .productBaseTopSpecsSubtitle {
        font-size: 17px;
        line-height: 17px
    }
    .productBaseTopSpecsPrice {
        margin: 0 0 20px
    }
    .productBaseTopSpecsPriceLabel {
        font-size: 17px;
        line-height: 17px
    }
    .productBaseTopSpecsPriceValue {
        font-size: 27px;
        line-height: 27px
    }
    .productBaseTopSpecsBtns {
        margin: 0 0 20px
    }
    .productBaseTopSpecsBtns .Btn {
        line-height: 21px;
        font-size: 15px;
        padding-top: 8px;
        padding-bottom: 8px
    }
    .productBaseTopSpecsBtns .Btn.noPlusBtn {
        padding-left: 8px;
        padding-right: 8px
    }
    .productBaseTopSpecsBtns .Btn i.plus {
        top: 13px
    }
    .productBaseTopSpecsList {
        margin: 0 0 20px
    }
    .productBaseTopSpecsList li {
        font-size: 16px;
        line-height: 24px
    }
    .productBaseCtaImg {
        width: 80px
    }
    .productBaseCtaContent {
        width: calc(100% - 80px)
    }
    .productBaseCtaTitle {
        font-size: 15px
    }
    .productBaseCtaTel {
        font-size: 15px;
        display: none
    }
    .productBaseCtaContact {
        font-size: 16px
    }
}

@media screen and (max-width:960px) and (min-width:841px) {
    .productBaseTopSpecsPriceLabel {
        font-size: 17px;
        line-height: 17px
    }
    .productBaseTopSpecsPriceValue {
        font-size: 27px;
        line-height: 27px
    }
}

@media screen and (max-width:1500px) {
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 140px
    }
    .productConfAsideBtns .Btn {
        line-height: 21px;
        font-size: 15px;
        padding-top: 8px;
        padding-bottom: 8px
    }
    .productConfAsideBtns .Btn i.plus {
        top: 13px
    }
}

@media screen and (max-width:1400px) {
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 120px
    }
    .featuredSliderNav {
        bottom: auto;
        left: 95px;
        top: 95px
    }
    .featuredSliderNav>li {
        color: #fff
    }
    .quickBlockAlt .quickBlockTitle {
        font-size: 32px;
        line-height: 32px
    }
    .quickBlockAlt .quickBlockBtn {
        font-size: 21px
    }
    .brandsDesc {
        margin: 240px 50px 60px 40%
    }
    .brandsList>li:not(:last-child) {
        margin-right: 40px
    }
    .brandsList>li>a>img {
        max-width: 75px
    }
    .filters {
        min-height: 190px;
        margin: -120px 0 0
    }
    .filtersTop,
    .filtersBottom {
        padding: 0 30px
    }
    .filtersTopMore {
        padding: 0 30px;
        margin: 0 -30px
    }
    .filtersTop {
        height: 120px
    }
    .filtersTopInner {
        margin-left: -30px!important;
        margin-right: -30px
    }
    .filtersTopMoreInner {
        margin-left: -30px!important;
        margin-right: -30px
    }
    .filtersTopBlock {
        padding: 30px;
        height: 120px
    }
    .filtersTopBlock:before {
        top: 30px
    }
    .filtersTopBlockSelects>li.close {
        padding: 0 30px
    }
    .filtersTopBlockSelects {
        padding: 60px 30px 20px
    }
    .filtersTopBlockLabel {
        font-size: 18px
    }
    .filtersTopBlockToggle {
        font-size: 24px
    }
    .occasionBlockList li {
        font-size: 18px
    }
}

@media screen and (max-width:1300px) {
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 110px
    }
    .occasionBlockList li {
        font-size: 16px
    }
}

@media screen and (max-width:1222px) {
    .heroSlideDesc,
    .heroPageDesc {
        padding-right: 50px
    }
    .quickBlock:not(.quickBlockWorkplace) {
        padding-bottom: 70%
    }
    .quickBlockXLWide {
        padding-bottom: 45%
    }
    .featuredInner {
        left: 5%;
        width: 95%
    }
    .brandsList>li>a>img {
        max-width: 60px
    }
    .teamInner {
        right: 5%;
        width: 100%
    }
    .workplaceInner {
        padding: 70px 400px 70px 5%;
        width: 95%
    }
    .conversionLeft {
        padding: 50px 50px 50px 5%
    }
    .productBaseTopSliderContainer,
    .productBaseTopSpecs {
        float: none;
        width: 100%
    }
    .productBaseBottom {
        display: none
    }
    .productOptionsList li {
        width: 50%
    }
    .productBaseTopSpecs {
        padding: 60px 40px 0
    }
    .productBaseTopSpecs:after {
        content: "";
        display: block;
        clear: both;
        width: 0;
        height: 0;
        line-height: 0;
        visibility: hidden
    }
    .productBaseTopSpecsLeft,
    .productBaseTopSpecsRight {
        float: left;
        width: calc(50% - 25px);
        padding-bottom: 50px
    }
    .productBaseTopSpecsRight {
        margin-left: 50px
    }
    .productBaseTopSpecsBtns {
        margin: 0
    }
    .productSpecsHighlightList li:not(:last-child) {
        margin: 0 75px 25px 0
    }
    .productSpecsHighlightList li .label {
        font-size: 17px
    }
    .productSpecsHighlightList li .value {
        font-size: 31px
    }
    .productSpecsHighlightList li .value small {
        font-size: 17px
    }
    .productSpecsAll {
        padding: 80px 40px 40px
    }
    .productOptions {
        margin: 0
    }
    .productSubs {
        margin: 0
    }
    .productSubs:before {
        height: 45px
    }
    .productPersonal {
        padding: 60px 0
    }
    .productFinance {
        padding: 0 0 60px
    }
    .productConfAside {
        padding: 50px 50px 30px
    }
}

@media screen and (max-width:1100px) {
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 100px
    }
    .heroPageDesc p,
    .heroPageDesc ul li,
    .heroPageDesc ol li {
        font-size: 13px;
        line-height: 26px;
        overflow: hidden
    }
    .heroSlideDesc {
        font-size: 13px;
        line-height: 26px
    }
}

@media screen and (max-width:960px) {
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 90px
    }
    .heroSlideCount {
        bottom: 30px;
        right: 40px
    }
    .heroSlideCountCurrent {
        font-size: 50px
    }
    .heroSlideCountTotal {
        font-size: 22px
    }
    .heroSlideDesc {
        padding-bottom: 50px
    }
    .heroPageTitle {
        margin-top: -40px;
        padding-top: 0
    }
    .heroPageDesc {
        padding-right: 5%;
        padding-bottom: 50px;
        width: 100%
    }
    .heroPageImg {
        width: 100%;
        height: 0;
        padding: 0 0 30%;
        position: relative
    }
    .heroOccasions .heroPageInner {
        padding: 0 0 200px
    }
    .quickBlock {
        padding-bottom: 70%
    }
    .quickBlockXLWide {
        padding-bottom: 70%
    }
    .quickBlockLWide {
        padding-bottom: 35%
    }
    .brandsTitle {
        font-size: 130px
    }
    .brandsDesc {
        margin: 200px 50px 60px 40%
    }
    .brandsList {
        display: none
    }
    .brandsMore {
        display: none
    }
    .descriptionBtns {
        margin: 30px 0 0
    }
    .workInner {
        padding: 70px 5% 20px
    }
    .team {
        padding: 30px 0
    }
    .teamInnerContent {
        padding: 0 0 30px
    }
    .workAccordionItemContent,
    .myLeaseAccordionItemContent,
    .workplaceAccordionItemContent {
        padding: 0 0 20px
    }
    .myLeaseInner {
        padding: 70px 5% 20px
    }
    .workplaceInner {
        padding: 70px 5% 0
    }
    .workplaceInner:before {
        width: 100%;
        height: 140px;
        bottom: 0;
        top: auto
    }
    .workplaceBlock {
        margin: 60px 0 0 30px;
        position: relative;
        width: auto;
        top: 0
    }
    .splitLeft,
    .splitRight {
        float: none;
        width: 100%
    }
    .splitLeftImg {
        width: 95%
    }
    .splitLeftContent {
        padding: 50px 5%
    }
    .splitRightImg {
        left: 5%;
        position: relative;
        width: 95%
    }
    .splitRightContent {
        padding: 50px 5% 0
    }
    .filters {
        min-height: 270px;
        margin: -200px 0 0
    }
    .filtersTop {
        height: 200px
    }
    .filtersTop,
    .filtersBottom {
        padding: 0 20px
    }
    .filtersTopMore {
        padding: 0 20px;
        margin: 0 -20px
    }
    .filtersTopInner {
        margin-left: -20px!important;
        margin-right: -20px
    }
    .filtersTopMoreInner {
        margin-left: -20px!important;
        margin-right: -20px
    }
    .filtersTopBlock {
        padding: 20px;
        height: 100px
    }
    .filtersTopBlock:before {
        top: 20px
    }
    .filtersTopBlockSelects>li.close {
        padding: 0 20px
    }
    .filtersTopBlockSelects {
        padding: 50px 20px 10px
    }
    .filtersBottomList {
        margin: 0 0 10px;
        width: 100%
    }
    .productBaseTopSlideLabel {
        right: 40px;
        top: 40px
    }
    .productSpecsHighlightTitle {
        margin: 0 0 40px
    }
    .productSpecsHighlightList li:not(:last-child) {
        margin: 0 50px 25px 0
    }
    .productFinanceRight {
        border: 20px solid #fff;
        margin: 0 0 -40px;
        padding: 60px 50px
    }
    .productConfAside {
        padding: 40px 40px 20px
    }
    .map {
        z-index: 1
    }
    .googleMap {
        height: 450px
    }
    .mapInfo {
        width: 320px;
        top: 265px
    }
    .mapInfoInner {
        padding: 0 0 0 60px
    }
    .workplaceAlt .workplaceInner {
        padding-bottom: 80px
    }
    .myLeaseAlt .myLeaseInner {
        padding-bottom: 50px
    }
}

@media screen and (max-width:840px) {
    .heroSlide {
        height: auto;
        min-height: 0;
        padding: 60vw 0 0
    }
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 85px
    }
    .heroSlideDesc {
        padding-bottom: 50px
    }
    .heroSlideImg {
        width: 100%;
        height: 60vw;
        left: 0;
        position: absolute;
        right: auto;
        top: 0
    }
    .heroSliderNav {
        display: none
    }
    .heroSlideCount {
        display: none
    }
    .heroSlideTitle {
        font-size: 70px;
        margin-top: -30px;
        padding-top: 0;
        z-index: 40
    }
    .heroSlideDesc {
        padding-bottom: 0;
        padding-right: 5%;
        width: 100%
    }
    .conversionLeft {
        padding: 50px 5%;
        width: 100%
    }
    .conversionRight {
        height: 0;
        left: 5%;
        padding-bottom: 40%;
        position: relative;
        top: 0;
        width: 95%
    }
    .app {
        padding: 60px 0 0
    }
    .productBaseTopSpecsLeft,
    .productBaseTopSpecsRight {
        float: none;
        width: 100%
    }
    .productBaseTopSpecsRight {
        margin-left: 0
    }
    .productSpecsHighlight {
        border-right: 0
    }
    .productSpecsHighlightList li:not(:last-child) {
        margin: 0 70px 25px 0
    }
    .productPersonalInner {
        padding: 70px 200px 70px 5%
    }
    .productPersonalImg {
        max-width: 170px;
        right: 25px
    }
    .productConfAsideBtns {
        margin: 20px 0 0
    }
    .formInner {
        padding: 60px 5% 400px
    }
    .formContact {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: auto;
        bottom: -40px;
        max-width: 85vw
    }
}

@media screen and (max-width:720px) {
    .animsition-overlay-slide:before {
        width: 240px;
        height: 14px;
        top: 67px
    }
    .animsition-overlay-slide:after {
        display: none
    }
    .cta {
        display: block
    }
    .heroOccasions .heroPageInner {
        padding: 0 0 70px
    }
    .heroPageTitle {
        font-size: 80px
    }
    .heroSlideCountCurrent {
        font-size: 40px
    }
    .heroSlideCountTotal {
        font-size: 18px
    }
    .heroUsps>li {
        font-size: 13.5px
    }
    .heroPageTitle {
        font-size: 80px
    }
    .heroSlideTitle {
        font-size: 65px
    }
    .quickBlockTitle {
        font-size: 24px;
        line-height: 24px
    }
    .quickBlockAlt .quickBlockTitle {
        font-size: 28px;
        line-height: 28px;
        top: 20%
    }
    .featuredTextSlideContent {
        padding: 55px 100px 55px 50px
    }
    .featuredSlideTitle {
        left: 50px
    }
    .featuredTextSlider {
        width: 500px
    }
    .featuredSliderNav {
        left: 45px
    }
    .brandsTitle {
        font-size: 110px;
        left: -30px
    }
    .brandsDesc {
        margin: 200px 50px 60px 25%
    }
    .work {
        padding: 50px 0 0
    }
    .productBaseTopSlideLabel {
        right: 30px;
        top: 30px
    }
    .productBaseTopSpecsSubtitle {
        font-size: 17px;
        line-height: 17px
    }
    .productBaseTopSpecsPriceLabel {
        font-size: 17px;
        line-height: 17px
    }
    .productBaseTopSpecsPriceValue {
        font-size: 27px;
        line-height: 27px
    }
    .filters .filtersTop {
        display: none
    }
    .filtersMobile {
        display: block
    }
    .filtersMobile .filtersTop {
        height: auto
    }
    .filtersMobile .filtersTopMore {
        padding: 0;
        margin: 0;
        position: relative
    }
    .filtersMobile .filtersTopBlockMore {
        display: none
    }
    .filtersMobile .filtersTopMore {
        background-color: #fff;
        color: #3b3a3a;
        display: block!important
    }
    .filtersMobile .filtersTopBlockLight .filtersTopBlockToggle {
        color: #3b3a3a
    }
    .filtersMobile .filtersTopBlockLight .filtersTopBlockInput {
        border: 1px solid rgba(59, 58, 58, .5);
        color: #3b3a3a
    }
    .filtersMobile .filtersTopBlockLight .filtersTopBlockInput::-webkit-input-placeholder {
        color: #3b3a3a;
        opacity: 1
    }
    .filtersMobile .filtersTopBlockLight .filtersTopBlockInput::-moz-placeholder {
        color: #3b3a3a;
        opacity: 1
    }
    .filtersMobile .filtersTopBlockLight .filtersTopBlockInput:-ms-input-placeholder {
        color: #3b3a3a;
        opacity: 1
    }
    .filtersMobile .filtersTopBlockLight .filtersTopBlockInput:-moz-placeholder {
        color: #3b3a3a;
        opacity: 1
    }
    .filtersMobileShow {
        display: block
    }
    .filters {
        min-height: 140px;
        margin: -70px 0 0
    }
    body.filterLock {
        overflow: hidden
    }
    body.filterLock .siteWrap {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
        opacity: 0
    }
    body.filterLock .filtersMobile {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        pointer-events: initial;
        visibility: visible;
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }
    .productOptionsList li {
        width: 100%
    }
    .productSpecsHighlight {
        padding: 40px
    }
    .productSpecsHighlightList li {
        float: none
    }
    .productSpecsHighlightList li:not(:last-child) {
        margin: 0 0 25px
    }
    .workAlt .workInner {
        padding-top: 70px
    }
    .productPersonal {
        padding: 5vw 0
    }
    .productFinance {
        padding: 0 0 40px
    }
    #chat-application {
        bottom: 50px!important
    }
    .sidePanel {
        min-width: 0;
        width: 100%
    }
    .sidePanelInner {
        padding: 80px
    }
}

@media screen and (max-width:600px) {
    .animsition-overlay-slide:before {
        top: 60px
    }
    .heroSlideTitle {
        font-size: 55px;
        margin-top: -20px
    }
    .heroPageTitle {
        font-size: 70px
    }
    .heroPageTitle {
        margin-top: -20px;
        padding-top: 0
    }
    .heroPageDesc p,
    .heroPageDesc ul li,
    .heroPageDesc ol li {
        font-size: 12px;
        line-height: 22px;
        overflow: hidden
    }
    .quick {
        padding: 40px 0 5px
    }
    .quickTitle {
        margin: 0 0 45px
    }
    .quickBlock {
        padding-bottom: 0!important;
        height: 70px
    }
    .quickBlock:before {
        display: none
    }
    .quickBlockXLWide {
        padding-bottom: 0
    }
    .quickBlockLWide {
        padding-bottom: 0
    }
    .quickBlockTitle {
        bottom: auto;
        left: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 25px;
        display: block
    }
    .quickBlockImg {
        display: none
    }
    .quickBlockAlt .quickBlockTitle {
        left: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 25px;
        display: block;
        font-size: 26px;
        line-height: 26px
    }
    .quickBlockAlt .quickBlockBtn {
        display: none
    }
    .featuredSlider {
        display: none
    }
    .featuredTextSlider {
        width: 100%;
        height: 280px;
        position: relative;
        top: 0
    }
    .featuredTextSlideContent {
        padding: 50px 5% 30px 50px
    }
    .featuredTextSlide.slick-current .featuredTextSlideContent {
        -webkit-transition: opacity .5s ease .5s, transform .5s ease .5s;
        -webkit-transition: opacity .5s ease .5s, -webkit-transform .5s ease .5s;
        transition: opacity .5s ease .5s, -webkit-transform .5s ease .5s;
        transition: opacity .5s ease .5s, transform .5s ease .5s;
        transition: opacity .5s ease .5s, transform .5s ease .5s, -webkit-transform .5s ease .5s
    }
    .featuredSliderNav {
        bottom: 15px;
        top: auto;
        z-index: 20
    }
    .featuredSliderNav>li {
        color: #7c7c7c;
        font-size: 24px
    }
    .featuringSlideContent {
        padding: 0 30px;
        bottom: 30px
    }
    .featuringSlideTitle {
        font-size: 28px;
        line-height: 30px;
        max-height: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        border-left: 0
    }
    .featuringSlideDesc {
        font-size: 14px;
        height: 80px;
        line-height: 20px
    }
    .featuringAlt .featuringSlideDesc {
        min-height: 80px
    }
    .brandsTitle {
        font-size: 95px
    }
    .description {
        padding: 0 0 50px
    }
    .description .inner {
        text-align: left
    }
    .descriptionBtns .Btn {
        clear: both;
        float: left
    }
    .Btns .Btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px
    }
    .guarantee {
        padding: 60px 0 0
    }
    .workplaceInner {
        padding: 70px 5% 30px
    }
    .workplaceInner:before {
        display: none
    }
    .workplaceBlock {
        width: 100%;
        margin: 30px 0 0
    }
    .workplaceBlock:before {
        display: none
    }
    .productBaseTopSlideLabel {
        right: 20px;
        top: 20px
    }
    .productBaseTopSpecs {
        padding: 40px 40px 0
    }
    .productBaseTopSpecsList {
        margin: 0 0 10px
    }
    .productBaseTopSpecsList li .label {
        display: inline-block
    }
    .productBaseTopSpecsList li .label:after {
        content: ':'
    }
    .productBaseTopSpecsList li .value {
        display: inline-block
    }
    .productSpecsAll {
        padding: 80px 40px 40px
    }
    .productSpecsAll table tr th,
    .productSpecsAll table tr td {
        display: block;
        width: 100%
    }
    .productSpecsAll table tr th:nth-child(1),
    .productSpecsAll table tr td:nth-child(1) {
        border-bottom: 0;
        padding: 15px 0 5px
    }
    .productSpecsAll table tr th:nth-child(2),
    .productSpecsAll table tr td:nth-child(2) {
        text-align: left;
        padding: 5px 0 15px
    }
    .productPersonalInner {
        padding: 70px 5%
    }
    .productPersonalImg {
        display: none
    }
    .productPopupList>li {
        clear: both
    }
    .productPopupList>li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }
    .productConfChoicesBlockLabel {
        font-size: 13px
    }
    .productConfChoicesBlockSelect {
        font-size: 13px;
        margin: 0 10px 0 0
    }
    .productConfChoicesBlockPrice {
        font-size: 13px;
        margin: 0 10px 0 0
    }
    .occasionBlockTitle {
        font-size: 17px
    }
    .occasionBlockList li {
        font-size: 16px
    }
    .featuringNav>li,
    .photoGalleryNav>li,
    .teamSliderNav>li,
    .productBaseTopSliderNav>li {
        width: 40px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        text-align: center
    }
    .featuringNav>li.prev,
    .photoGalleryNav>li.prev,
    .teamSliderNav>li.prev,
    .productBaseTopSliderNav>li.prev {
        text-align: center
    }
    .productBaseCta {
        padding-top: 30px
    }
}

@media screen and (max-width:480px) {
    .animsition-overlay-slide:before {
        width: 200px;
        height: 12px;
        top: 47px
    }
    .cta {
        font-size: 13px
    }
    .heroSlideTitle,
    .heroPageTitle {
        font-size: 40px
    }
    .heroSlideDesc {
        width: 100%;
        margin: 20px 0 40px;
        padding-bottom: 30px
    }
    .heroSlideCount {
        display: none
    }
    .heroPageTitle {
        margin-top: 20px;
        padding-top: 20px;
    }
    .heroPageDesc {
        padding-bottom: 35px;
        padding-top: 0px
    }
    .quickBlockTitle,
    .quickBlockAlt .quickBlockTitle {
        font-size: 22px;
        line-height: 22px
    }
    .brandsTitle {
        font-size: 70px;
        left: -20px
    }
    .brandsDesc {
        margin: 170px 5% 60px
    }
    .teamSlider .slick-list {
        margin: 0 0 0 -5%
    }
    .teamSlideInner {
        width: 100%
    }
    .workAccordionItemTitle,
    .myLeaseAccordionItemTitle,
    .workplaceAccordionItemTitle {
        font-size: 16px
    }
    .heroProductActions>li {
        font-size: 13px
    }
    .formContactInner {
        padding: 0 35px
    }
    .formContactPhone,
    .formContactMail {
        font-size: 18px;
        line-height: 26px
    }
    .formContactWorkplace {
        font-size: 20px;
        line-height: 26px
    }
    .productBaseTopSlideLabel {
        font-size: 13px;
        padding: 0 10px;
        right: 10px;
        top: 10px
    }
    .productBaseTopSpecs {
        padding: 30px 30px 0
    }
    .productBaseTopSpecsPrice {
        margin: 0 0 30px
    }
    .productBaseTopSpecsBtns .Btn {
        line-height: 21px;
        font-size: 15px;
        padding-top: 8px;
        padding-bottom: 8px
    }
    .productBaseTopSpecsBtns .Btn i.plus {
        top: 13px
    }
    .productFinanceRows dl dt,
    .productFinanceRows dl dd {
        width: 100%;
        float: none
    }
    .productFinanceRows dl dd {
        text-align: left
    }
    .productBaseCtaImg {
        width: 60px
    }
    .productBaseCtaContent {
        width: calc(100% - 60px);
        padding-left: 20px
    }
    .productBaseCtaTitle {
        font-size: 15px
    }
    .productBaseCtaTel {
        font-size: 15px;
        display: none
    }
    .productBaseCtaContact {
        font-size: 16px
    }
    .productConfAsidePrices dl {
        padding: 0 0 15px
    }
    .productConfAsidePrices dl dt,
    .productConfAsidePrices dl dd {
        float: none;
        padding: 0 0 5px;
        width: 100%
    }
    .sidePanelInner {
        padding: 80px 5vw
    }
}

.centerText {
    text-align: center;
    margin: 0 0 50px
}

.centerText h2 {
    margin-bottom: 25px
}

.navigation-top {
    height: 50px;
    line-height: 50px;
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2000;
    background-color: #000
}

.navigation-top__left {
    float: left
}

.navigation-top__left a,
.navigation-top__left span {
    color: #fff
}

.navigation-top__left a {
    margin-left: 10px
}

.navigation-top__right {
    float: right
}

.navigation-top__search {
    float: left
}

@media screen and (max-width:720px) {
    .navigation-top__search {
        display: none
    }
}

.navigation-top__search form {
    margin-right: 20px;
    margin-top: 5px;
    height: 40px
}

.navigation-top__search form input {
    float: left;
    width: 90%;
    font-size: 14px;
    border: 0
}

.navigation-top__search form #searchsubmit i {
    font-size: 14px
}

.navigation-bottom {
    background-color: #fff;
    border-top: 6px solid #211f1f;
    left: 0;
    max-height: 140px;
    height: 100px;
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 1000
}

.navigation-bottom__left {
    float: left
}

.navigation-bottom__left .menuBarLogo {
    margin: 30px 0
}

.navigation-bottom__right {
    float: right
}

.navigation-bottom__right .menuBarToggle {
    margin: 30px 0!important
}

.navigation-bottom__nav ul {
    padding: 0;
    margin: 30px 0
}

.navigation-bottom__nav ul li {
    display: block;
    float: left
}

.navigation-bottom__nav ul li:not(:last-child) {
    margin-right: 15px
}

.navigation-bottom__nav ul li a {
    font-size: 20px
}

.navigation-store {
    float: left;
    text-align: right;
    width: 130px
}

.navigation-store:hover .navigation-store__inner {
    display: block;
    opacity: 1;
    visibility: visible
}

.navigation-store__vestiging {
    color: #fff
}

.navigation-store__vestiging i {
    margin-left: 5px
}

.navigation-store__inner {
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #81848b;
    max-width: 600px;
    opacity: 0;
    padding: 25px 30px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: calc(100% - 1px);
    visibility: hidden;
    width: 100vw
}

.navigation-store__info {
    color: #fff!important;
    margin: 0;
    padding: 0
}

.navigation-store__info li p {
    margin: 0;
    padding: 0
}

.navigation-store__detail {
    color: #fff;
    margin-bottom: 10px
}

.navigation-store__detail li {
    display: block;
    float: left;
    font-size: 12px
}

.navigation-store__detail li:not(:last-child) {
    margin-right: 5px
}

.navigation-store__detail li a {
    color: #fff
}

@media screen and (max-width:1400px) {
    .navigation-bottom__nav {
        display: none
    }
}

@media screen and (max-width:720px) {
    .navigation-store__inner {
        padding: 12px 15px 0;
        width: 100%;
        max-width: 100%
    }
}

.logged-in .navigation-top {
    top: 32px
}

.logged-in .navigation-bottom {
    top: calc(32px + 50px)
}

@media screen and (max-width:960px) {
    .logged-in .navigation-top {
        top: 0
    }
    .logged-in .navigation-bottom {
        top: calc(0px + 50px)
    }
}