/* Start:/local/templates/NovoSite/css/screen0006.css?1608984096122945*/
.margin-alpha {
    margin: 10px
}
.margin-alpha-vertical {
    margin-top: 10px;
    margin-bottom: 10px
}
.margin-alpha-horizontal {
    margin-right: 10px;
    margin-left: 10px
}
.margin-alpha-right {
    margin-right: 10px
}
.margin-alpha-left {
    margin-left: 10px
}
.margin-alpha-top {
    margin-top: 10px
}
.margin-alpha-bottom {
    margin-bottom: 10px
}
.margin-beta {
    margin: 20px
}
.margin-beta-vertical {
    margin-top: 20px;
    margin-bottom: 20px
}
.margin-beta-horizontal {
    margin-right: 20px;
    margin-left: 20px
}
.margin-beta-right {
    margin-right: 20px
}
.margin-beta-left {
    margin-left: 20px
}
.margin-beta-top {
    margin-top: 20px
}
.margin-beta-bottom {
    margin-bottom: 20px
}
.margin-gamma {
    margin: 30px
}
.margin-gamma-vertical {
    margin-top: 30px;
    margin-bottom: 30px
}
.margin-gamma-horizontal {
    margin-right: 30px;
    margin-left: 30px
}
.margin-gamma-right {
    margin-right: 30px
}
.margin-gamma-left {
    margin-left: 30px
}
.margin-gamma-top {
    margin-top: 30px
}
.margin-gamma-bottom {
    margin-bottom: 30px
}
.margin-delta {
    margin: 40px
}
.margin-delta-vertical {
    margin-top: 40px;
    margin-bottom: 40px
}
.margin-delta-horizontal {
    margin-right: 40px;
    margin-left: 40px
}
.margin-delta-right {
    margin-right: 40px
}
.margin-delta-left {
    margin-left: 40px
}
.margin-delta-top {
    margin-top: 40px
}
.margin-delta-bottom {
    margin-bottom: 40px
}
.margin-epsilon {
    margin: 50px
}
.margin-epsilon-vertical {
    margin-top: 50px;
    margin-bottom: 50px
}
.margin-epsilon-horizontal {
    margin-right: 50px;
    margin-left: 50px
}
.margin-epsilon-right {
    margin-right: 50px
}
.margin-epsilon-left {
    margin-left: 50px
}
.margin-epsilon-top {
    margin-top: 50px
}
.margin-epsilon-bottom {
    margin-bottom: 50px
}
.h__text-center {
    text-align: center!important
}
.h__text-left {
    text-align: left!important
}
.h__text-right {
    text-align: right!important
}
.h__tc-white {
    color: #fff!important
}
.h__tc-black {
    color: #000!important
}
.h__tc-alpha {
    color: #9b8f78!important
}
.h__tc-beta {
    color: #1e2b31!important
}
.h__list-unstyled {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.h-overflow-hidden {
    overflow: hidden
}
.h-text-transform-lowercase {

}
.h-video-responsive {
    width: 100%
}
.h-position-relative {
    position: relative
}
.color-alpha {
    color: #000
}
.color-beta {
    color: #fff
}
.color-beta.black {
    color: #000
}
.color-gamma {
    color: #1e2b31
}
.color-delta {
    color: hsla(0, 0%, 100%, .7)
}
.color-epsilon {
    color: #9b8f78
}
.disable-transitions,
.disable-transitions * {
    transition: none!important
}
.disable-vertical-scroll {
    overflow-y: hidden!important
}
.disable-horizontal-scroll {
    overflow-x: hidden!important
}
.position-relative {
    position: relative!important
}
.position-absolute {
    position: absolute!important
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
*,
:after,
:before {
    box-sizing: border-box
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
a {
    color: #337ab7
}
a:focus,
a:hover {
    color: #23527c
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
figure {
    margin: 0
}
img {
    vertical-align: middle
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}
.img-rounded {
    border-radius: 6px
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.8;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}
.img-circle {
    border-radius: 50%
}
hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #eee
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
[role=button] {
    cursor: pointer
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 30px;
    margin-bottom: 15px
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 15px;
    margin-bottom: 15px
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}
.h1,
h1 {
    font-size: 44px
}
.h2,
h2 {
    font-size: 36px
}
.h3,
h3 {
    font-size: 29px
}
.h4,
h4 {
    font-size: 22px
}
.h5,
h5 {
    font-size: 17px
}
.h6,
h6 {
    font-size: 15px
}
p {
    margin: 0 0 15px
}
.lead {
    margin-bottom: 30px;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.4
}
@media (min-width: 768px) {
    .lead {
        font-size: 25.5px
    }
}
.small,
small {
    font-size: 88%
}
.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.text-justify {
    text-align: justify
}
.text-nowrap {
    white-space: nowrap
}
.text-lowercase {
    text-transform: lowercase
}
.initialism,
.text-uppercase {
    text-transform: uppercase
}
.text-capitalize {
    text-transform: capitalize
}
.text-muted {
    color: #777
}
.text-primary {
    color: #337ab7
}
a.text-primary:focus,
a.text-primary:hover {
    color: #286090
}
.text-success {
    color: #3c763d
}
a.text-success:focus,
a.text-success:hover {
    color: #2b542c
}
.text-info {
    color: #31708f
}
a.text-info:focus,
a.text-info:hover {
    color: #245269
}
.text-warning {
    color: #8a6d3b
}
a.text-warning:focus,
a.text-warning:hover {
    color: #66512c
}
.text-danger {
    color: #a94442
}
a.text-danger:focus,
a.text-danger:hover {
    color: #843534
}
.bg-primary {
    color: #fff;
    background-color: #337ab7
}
a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #286090
}
.bg-success {
    background-color: #dff0d8
}
a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3
}
.bg-info {
    background-color: #d9edf7
}
a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee
}
.bg-warning {
    background-color: #fcf8e3
}
a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5
}
.bg-danger {
    background-color: #f2dede
}
a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9
}
.page-header {
    padding-bottom: 14px;
    margin: 60px 0 30px;
    border-bottom: 1px solid #eee
}
ol,
ul {
    margin-top: 0;
    margin-bottom: 15px
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}
.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-inline {
    margin-left: -5px
}
.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}
dl {
    margin-top: 0;
    margin-bottom: 30px
}
dd,
dt {
    line-height: 1.8
}
dt {
    font-weight: 700
}
dd {
    margin-left: 0
}
.dl-horizontal dd:after,
.dl-horizontal dd:before {
    content: " ";
    display: table
}
.dl-horizontal dd:after {
    clear: both
}
@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}
abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}
.initialism {
    font-size: 90%
}
blockquote {
    padding: 15px 30px;
    margin: 0 0 30px;
    font-size: 21.25px;
    border-left: 5px solid #eee
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}
blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.8;
    color: #777
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: "\2014 \00A0"
}
.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ""
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: "\00A0 \2014"
}
address {
    margin-bottom: 30px;
    font-style: normal;
    line-height: 1.8
}
code,
kbd,
pre,
samp {
    font-family: 'Montserrat', sans-serif;
}
code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}
code,
kbd {
    padding: 2px 4px;
    font-size: 90%
}
kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}
pre {
    display: block;
    padding: 14.5px;
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.8;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container:after,
.container:before {
    content: " ";
    display: table
}
.container:after {
    clear: both
}
@media (min-width: 768px) {
    .container {
        width: 690px
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1570px
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container-fluid:after,
.container-fluid:before {
    content: " ";
    display: table
}
.container-fluid:after {
    clear: both
}
.row {
    margin-left: -15px;
    margin-right: -15px
}
.row:after,
.row:before {
    content: " ";
    display: table
}
.row:after {
    clear: both
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}
.col-xs-1 {
    width: 8.33333%
}
.col-xs-2 {
    width: 16.66667%
}
.col-xs-3 {
    width: 25%
}
.col-xs-4 {
    width: 33.33333%
}
.col-xs-5 {
    width: 41.66667%
}
.col-xs-6 {
    width: 50%
}
.col-xs-7 {
    width: 58.33333%
}
.col-xs-8 {
    width: 66.66667%
}
.col-xs-9 {
    width: 75%
}
.col-xs-10 {
    width: 83.33333%
}
.col-xs-11 {
    width: 91.66667%
}
.col-xs-12 {
    width: 100%
}
.col-xs-pull-0 {
    right: auto
}
.col-xs-pull-1 {
    right: 8.33333%
}
.col-xs-pull-2 {
    right: 16.66667%
}
.col-xs-pull-3 {
    right: 25%
}
.col-xs-pull-4 {
    right: 33.33333%
}
.col-xs-pull-5 {
    right: 41.66667%
}
.col-xs-pull-6 {
    right: 50%
}
.col-xs-pull-7 {
    right: 58.33333%
}
.col-xs-pull-8 {
    right: 66.66667%
}
.col-xs-pull-9 {
    right: 75%
}
.col-xs-pull-10 {
    right: 83.33333%
}
.col-xs-pull-11 {
    right: 91.66667%
}
.col-xs-pull-12 {
    right: 100%
}
.col-xs-push-0 {
    left: auto
}
.col-xs-push-1 {
    left: 8.33333%
}
.col-xs-push-2 {
    left: 16.66667%
}
.col-xs-push-3 {
    left: 25%
}
.col-xs-push-4 {
    left: 33.33333%
}
.col-xs-push-5 {
    left: 41.66667%
}
.col-xs-push-6 {
    left: 50%
}
.col-xs-push-7 {
    left: 58.33333%
}
.col-xs-push-8 {
    left: 66.66667%
}
.col-xs-push-9 {
    left: 75%
}
.col-xs-push-10 {
    left: 83.33333%
}
.col-xs-push-11 {
    left: 91.66667%
}
.col-xs-push-12 {
    left: 100%
}
.col-xs-offset-0 {
    margin-left: 0
}
.col-xs-offset-1 {
    margin-left: 8.33333%
}
.col-xs-offset-2 {
    margin-left: 16.66667%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-4 {
    margin-left: 33.33333%
}
.col-xs-offset-5 {
    margin-left: 41.66667%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-7 {
    margin-left: 58.33333%
}
.col-xs-offset-8 {
    margin-left: 66.66667%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-10 {
    margin-left: 83.33333%
}
.col-xs-offset-11 {
    margin-left: 91.66667%
}
.col-xs-offset-12 {
    margin-left: 100%
}
@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}
@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}
@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right!important
}
.pull-left {
    float: left!important
}
.hide {
    display: none!important
}
.show {
    display: block!important
}
.invisible {
    visibility: hidden
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.hidden {
    display: none!important
}
.affix {
    position: fixed
}
@-ms-viewport {
    width: device-width
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}
@media (max-width: 767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block!important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline!important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none!important
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none!important
    }
}
.visible-print {
    display: none!important
}
@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table!important
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}
.visible-print-block {
    display: none!important
}
@media print {
    .visible-print-block {
        display: block!important
    }
}
.visible-print-inline {
    display: none!important
}
@media print {
    .visible-print-inline {
        display: inline!important
    }
}
.visible-print-inline-block {
    display: none!important
}
@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}
@media print {
    .hidden-print {
        display: none!important
    }
}
.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list,
.slick-slider {
    position: relative;
    display: block
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after,
.slick-track:before {
    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
}
/*@font-face {
    font-family: AvenirNextBold;
    src: url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextBold.eot?) format("eot"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextBold.woff2) format("woff2"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextBold.woff) format("woff"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextBold.ttf) format("truetype"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextBold.svg#AvenirNextBold) format("svg")
}
@font-face {
    font-family: AvenirNextRegular;
    src: url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextRegular.eot) format("eot"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextRegular.woff2) format("woff2"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextRegular.woff) format("woff"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextRegular.ttf) format("truetype"), url(/local/templates/NovoSite/css/../assets/fonts/AvenirNextRegular.svg#AvenirNextRegular) format("svg")
}
@font-face {
    font-family: HelveticaNeueCondensedBold;
    src: url(/local/templates/NovoSite/css/../assets/fonts/HENBC.eot) format("eot"), url(/local/templates/NovoSite/css/../assets/fonts/HENBC.woff2) format("woff2"), url(/local/templates/NovoSite/css/../assets/fonts/HENBC.woff) format("woff"), url(/local/templates/NovoSite/css/../assets/fonts/HENBC.ttf) format("truetype"), url(/local/templates/NovoSite/css/../assets/fonts/HENBC.svg#HelveticaNeueCondensedBold) format("svg")
}*/
html {
    box-sizing: border-box;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}
*,
:after,
:before {
    box-sizing: inherit
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #1e2b31;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    line-height: 1.8;
    -webkit-overflow-scrolling: touch
}
.is-loading {
    /*overflow: hidden*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1e2b31;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400
}
::-moz-selection {
    background-color: #1e2b31;
    color: #fff
}
::selection {
    background-color: #1e2b31;
    color: #fff
}
img {
    max-width: 100%
}
p {
    margin: 0 0 1.8em
}
a {
    color: #9b8f78;
    text-decoration: none
}
a:focus,
a:hover {
    color: #1e2b31;
    text-decoration: underline
}
ul {
    padding-left: 17px
}
.vertical-center {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 100vh
}
@media (max-width: 767px) {
    .container {
        padding-right: 35px;
        padding-left: 35px
    }
}
.anim-text span {
    display: inline-block;
    position: relative
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1e2b31;
   font-family: 'Montserrat', sans-serif;
    font-weight: 400
}
.h1,
h1 {
    font-size: 48px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .h1,
    h1 {
        font-size: 48px
    }
}
@media (min-width: 1200px) {
    .h1,
    h1 {
        font-size: 48px
    }
}
.h1--beta {
    font-size: 40px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .h1--beta {
        font-size: 70px
    }
}
@media (min-width: 1200px) {
    .h1--beta {
        font-size: 70px
    }
}
.huge-title {
    font-size: 50px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .huge-title {
        font-size: 70px
    }
}
@media (min-width: 1200px) {
    .huge-title {
        font-size: 90px
    }
}
.case-title {
    font-size: 30px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .case-title {
        font-size: 40px
    }
}
@media (min-width: 1200px) {
    .case-title {
        font-size: 48px
    }
}
.h2,
h2 {
    font-size: 40px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .h2,
    h2 {
        font-size: 48px
    }
}
@media (min-width: 1200px) {
    .h2,
    h2 {
        font-size: 48px
    }
}
.h3,
h3 {
    font-size: 25px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .h3,
    h3 {
        font-size: 30px
    }
}
@media (min-width: 1200px) {
    .h3,
    h3 {
        font-size: 40px
    }
}
.h4,
h4 {
    font-size: 20px
}
@media (min-width: 992px) and (max-width: 1199px) {
    .h4,
    h4 {
        font-size: 25px
    }
}
@media (min-width: 1200px) {
    .h4,
    h4 {
        font-size: 30px
    }
}
.h5,
h5 {
    font-size: 18px;
    line-height: 1.55
}
.heading--beta {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.55
}
.animation-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity;
    z-index: 10
}
.js-animated {
    transition: transform .6s ease-in-out, opacity .6s ease-in-out;
    opacity: 0
}
.js-animated.is-animated {
    opacity: 1
}
.js-anim-text,
.js-fade {
    opacity: 0
}
.js-fade {
    display: block
}
.animate-cards {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: all .3s ease-in-out;
    opacity: 0
}
.animate-cards.is-animated {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
.animate-fade-in-up {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out, opacity .6s ease-in-out;
    transition: transform 1s ease-in-out, opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;
    opacity: 0
}
.animate-fade-in-up.is-animated {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
.animate-left {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
}
.bg-video {
    display: none;
    position: fixed;
    z-index: -100;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover
}
@media (min-width: 768px) {
    .bg-video {
        display: block
    }
}
.block {
    padding: 50px;
    background-color: #f1f4f6
}
.block--dark {
    background-color: #1e2b31;
    color: #fff
}
.block__heading {
    color: #9b8f78
}
.block__text+.block__heading {
    margin-top: 40px
}
@media (min-width: 1200px) {
    .block {
        padding: 90px
    }
    .block__text {
        font-size: 18px
    }
}
.body-frame {
    display: none;
    position: fixed;
    z-index: 300;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 20px solid #fff;
    pointer-events: none
}
@media (min-width: 768px) {
    .body-frame {
        display: block
    }
}
.breadcrumb {
    margin: 30px 0 50px;
    font-size: 14px;
    text-transform: lowercase;
}
.breadcrumb ol {
    margin: 0;
    padding: 0
}
.breadcrumb li {
    display: inline-block;
    position: relative;
    padding: 0 25px 0 0;
    list-style-type: none;
    color: rgba(30, 43, 49, .4)
}
.section--blue .breadcrumb li {
    color: hsla(0, 0%, 100%, .4)
}
.breadcrumb li a {
    color: #1e2b31
}
.section--blue .breadcrumb li a {
    color: #fff
}
.breadcrumb li:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    width: 1px;
    height: 12px;
    -webkit-transform: rotate(25deg) translateY(-50%);
    transform: rotate(25deg) translateY(-50%);
    background-color: #9b8f78
}
.breadcrumb li:last-child:before {
    display: none
}
.card {
    display: block;
    position: relative;
    height: 280px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    box-shadow: 0 0 0 1px #fff;
    color: rgba(30, 43, 49, .7)
}
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
    margin-top: 0;
    font-size: 24px
}
.card:focus,
.card:hover {
    position: relative;
    z-index: 1;
    border-color: #f1f4f6;
    color: rgba(30, 43, 49, .7);
    text-decoration: none
}
.card--dark {
    background-color: #9b8f78
}
.card--dark:focus,
.card--dark:hover {
    border-color: #1e2b31
}
.card--service {
    height: 250px
}
.card p {
    margin: 20px 0 0;
    line-height: 18px
}
.card__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .2s ease-in-out;
    background-color: #e8edf0
}
.card:hover .card__bg {
    background-color: #f1f4f6
}
.card--dark .card__bg {
    background-color: #182328
}
.card--dark:hover .card__bg {
    background-color: #1e2b31
}
.card--dark .card__heading,
.card--dark .card__text {
    color: #9b8f78
}
.card__likes,
.card__postdate {
    position: absolute;
    top: 25px;
    right: 30px;
    color: rgba(30, 43, 49, .7);
    font-size: 12px;
    font-weight: 900
}
.card__likes span {
    position: absolute;
    top: -2px;
    right: 20px
}
.card__likes svg {
    width: 16px;
    fill: #e7215d
}
.card__content {
    position: relative;
    top: 50%;
    padding: 20px 70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.card--service .card__content {
    padding: 20px 50px 20px 40px
}
.card__icon {
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: rgba(30, 43, 49, .12)
}
.card--dark .card__icon {
    background-color: hsla(0, 0%, 100%, .12)
}
.card-read-more {
    font-family: 'Montserrat', sans-serif;
}
.card-read-more__icon {
    margin-right: 10px
}
.card-read-more__text {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all .2s
}
.card:hover .card-read-more__text {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}
.center-first-section {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: calc(100vh - 306px)
}
.content-list {
    margin: 0;
    padding: 0 0 0 20px
}
.content-list li {
    position: relative;
    list-style-type: none
}
.content-list li:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -20px;
    width: 4px;
    height: 1px;
    background-color: #1e2b31
}
.cta-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    margin-top: 40px;
    margin-bottom: 40px
}
@media (min-width: 768px) {
    .cta-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row;
        margin-top: 80px;
        margin-bottom: 80px
    }
    .cta-block,
    .cta-block .card {
        height: 200px
    }
}
.cta-block__item {
    min-width: 100%
}
@media (min-width: 768px) {
    .cta-block__item {
        min-width: 33.33339%
    }
}
@-webkit-keyframes a {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    75% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes a {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    50% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    75% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.drag-icon__rig {
    position: relative;
    width: 100px;
    height: 25px
}
.drag-icon__rig--line {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    border-top: 1px dashed #1e2b31;
    z-index: 0
}
.drag-icon__rig--hand {
    position: absolute;
    width: auto;
    height: 100%;
    z-index: 1;
    -webkit-animation: a 3.8s cubic-bezier(.57, -.04, .58, 1) infinite both;
    animation: a 3.8s cubic-bezier(.57, -.04, .58, 1) infinite both
}
.drag-icon p {
    margin-top: 10px
}
.error-box {
    font-size: 14px;
    font-weight: 700;
    text-align: right
}
.error {
    display: none;
    color: #ff0024
}
.show.error {
    display: block
}
.error-field.inline-form__input {
    color: #ff0024
}
.error-field.inline-form__input:after,
.error-field.inline-form__input:focus:after {
    background: repeating-linear-gradient(90deg, #ff0024, #ff0024 6px, transparent 0, transparent 8px)
}
@media (min-width: 992px) {
    .flex-wrapper--alpha {
        display: -webkit-box;
        display: flex;
        position: relative;
        height: 100vh
    }
    .flex-wrapper__container--alpha {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        min-height: 100%
    }
}
@media (min-width: 768px) {
    .flex-wrapper {
        display: -webkit-box;
        display: flex;
        position: relative;
        height: 100vh
    }
    .flex-wrapper__container {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        min-height: 100%;
		width:100%;
    }
    .flex-wrapper__container--item {
        position: relative
    }
}
@media (max-width: 767px) {
    .flex-wrapper--spacing-bottom {
        padding-bottom: 160px
    }
}
.friends__bg {
    bottom: 0;
    overflow: hidden
}
.friends__bg,
.friends__bg-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}
.friends__bg-image {
    bottom: -60px;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.friends__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px
}
.friends__item {
    position: relative;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 50%;
    height: 130px;
    margin: 15px 0;
    -ms-flex-preferred-size: 50%
}
.friends__wrap {
    position: relative;
    height: 100%;
    padding: 30px 0;
    text-align: center
}
.friends__logo {
    width: 100%;
    max-width: 200px;
    height: 100%
}
@media (min-width: 768px) and (max-width: 991px) {
    .friends__wrap {
        padding: 25px 0
    }
}
@media (min-width: 992px) {
    .friends__wrap {
        padding: 15px 0
    }
}
@media (min-width: 768px) {
    .friends__list {
        margin-top: 50px
    }
    .friends__item {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        margin: 30px 0;
        -ms-flex-preferred-size: 33.33333%
    }
}
.gallery {
    position: relative;
    margin-top: 80px;
    margin-bottom: 120px;
    pointer-events: none
}
.gallery--overflow-visible .slick-list {
    overflow: visible
}
.gallery__item {
    width: 370px;
    height: 370px;
    margin-right: 3px;
    margin-left: 3px;
    outline: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.gallery__item:nth-of-type(odd) {
    -webkit-transform: translateY(60px);
    transform: translateY(60px)
}
@media (min-width: 768px) {
    .gallery {
        margin-bottom: 170px
    }
}
.p-cases__bg--alpha,
.work-card__bg--srm {
    background: linear-gradient(270deg, #02ddf8 0, #2bb3ff);
    background-color: #2bb3ff
}
.p-cases__bg--beta,
.work-card__bg--lhmr {
    background: linear-gradient(270deg, #f99f5b 0, #f86934);
    background-color: #f86934
}
.p-cases__bg--gamma,
.work-card__bg--vlnt {
    background: linear-gradient(270deg, #fbdfd3 0, #f5c0b0);
    background-color: #f5c0b0
}
.p-cases__bg--delta,
.work-card__bg--vrdstn {
    background: linear-gradient(90deg, #47a0eb 0, #0070dd);
    background-color: #1988e6
}
.p-cases__bg--eta,
.work-card__bg--asito {
    background: linear-gradient(90deg, #fab965 0, #f7971b);
    background-color: #f7971b
}
.work-card__bg--rrs {
    background: linear-gradient(270deg, #ffe76e 0, #fcd100);
    background-color: #fcd100
}
.inline-form {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 30px
}
.inline-form__input {
    display: inline-block;
    position: relative;
    min-width: 20px;
    transition: all .2s;
    color: #9b8f78;
    cursor: text
}
.inline-form__input:focus {
    outline: none
}
.inline-form__input:focus:after {
    background: repeating-linear-gradient(90deg, #000, #000 6px, transparent 0, transparent 8px)
}
.inline-form__input:focus:empty:before {
    opacity: .5
}
.inline-form__input:after {
    background: repeating-linear-gradient(90deg, #9b8f78, #9b8f78 6px, transparent 0, transparent 8px);
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 2px
}
.inline-form__input:empty:before {
    content: attr(placeholder);
    transition: all .2s
}
.inline-form__input--error {
    color: #ff0024
}
.inline-form__input--error:after {
    background: repeating-linear-gradient(90deg, #ff0024, #ff0024 6px, transparent 0, transparent 8px)
}
@media (min-width: 768px) {
    .inline-form {
        margin-bottom: 60px;
        font-size: 30px;
        line-height: 50px
    }
}
.lost {
    height: calc(100vh - 150px);
    margin-top: 75px
}
.lost__404,
.lost__title {
    color: #fff
}
.lost__404 {
    margin-bottom: 0;
    font-size: 26px
}
.lost__title {
    margin-top: 0
}
.lost__article {
    position: relative;
    z-index: 1
}
.lost__background,
.lost__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.lost__overlay {
    z-index: 1
}
.lost__background {
    background-image: url(/local/templates/NovoSite/css/../assets/img/pages/404/back-to-the-future.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
@media (max-width: 767px) {
    .lost__article {
        width: 100%;
        max-width: 300px;
        height: calc(100vh - 150px);
        margin: 0 auto;
        padding: 60px 10px 30px
    }
    .lost__button {
        position: absolute;
        right: 10px;
        bottom: 20px;
        left: 10px;
        padding: 20px 40px 20px 65px
    }
    .lost__button .icon {
        left: 40px
    }
}
@media (min-width: 768px) {
    .lost {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center
    }
    .lost__404 {
        font-size: 40px
    }
    .lost__overlay {
        background-color: rgba(0, 0, 0, .4)
    }
    .lost__background {
        display: none
    }
}
.media-block {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center
}
.media-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100% - 20px);
    background-color: #f1f4f6
}
.media-block__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	filter: contrast(1.2) drop-shadow(0px 1px 1px #afafaf);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}
.media-block__visual-holder {
    display: none
}
.media-block__content {
    position: relative;
    z-index: 2;
    padding: 50px 0
}
.media-block__content h2 {
    margin-top: 0
}
@media (min-width: 768px) {
    .media-block {
        min-height: 100vh
    }
    .media-block:before {
        left: 22%
    }
    .media-block--right:before {
        right: 22%;
        left: inherit
    }
    .media-block__visual-holder {
        display: block;
        position: relative;
        min-width: 44%;
        max-width: 470px;
        height: 65vh;
        margin-right: 50px;
        overflow: hidden
    }
    .media-block--right .media-block__visual-holder {
        -webkit-box-ordinal-group: 3;
        order: 2;
        margin-right: 0;
        margin-left: 50px
    }
    .media-block__visual {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        min-width: 100%;
        max-width: none;
        height: auto;
        min-height: 100%;
        overflow: hidden;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.02);
        transform: translate3d(-50%, -50%, 0) scale(1.02)
    }
}
@media (min-width: 992px) {
    .media-block__visual-holder {
        margin-right: 100px
    }
    .media-block--right .media-block__visual-holder {
        -webkit-box-ordinal-group: 3;
        order: 2;
        margin-right: 0;
        margin-left: 100px
    }
}
@media (min-width: 1200px) {
    .media-block__visual-holder {
        margin-right: 180px
    }
    .media-block--right .media-block__visual-holder {
        margin-left: 180px
    }
}
.mobile-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
@media (min-width: 768px) {
    .mobile-bg {
        display: none
    }
}
.mockup {
    position: relative;
    pointer-events: none
}
.mockup__video {
    position: absolute;
    top: 7.2%;
    right: 0;
    bottom: 0;
    left: 17.3%;
    width: 65.1%
}
@media (min-width: 768px) {
    .mockup {
        position: absolute;
        right: -26%;
        width: 760px
    }
}
@media (min-width: 992px) {
    .mockup {
        top: 55%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media (min-width: 1200px) {
    .mockup {
        right: -14%;
        width: 1040px
    }
}
@media (min-width: 1800px) {
    .mockup {
        right: 5%
    }
}
@media (min-width: 2270px) {
    .mockup {
        right: 10%
    }
}
@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    75% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
.pagination__title {
    color: rgba(30, 43, 49, .4);
    font-family: 'Montserrat', sans-serif;
    text-transform: lowercase
}
.pagination ol {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 15px
}
.pagination li {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    list-style-type: none
}
.pagination li:not(:first-child) {
    padding: 0 4px
}
.pagination li a {
    display: inline-block;
    padding: 10px 18px;
    color: rgba(30, 43, 49, .4)
}
.pagination li a:focus,
.pagination li a:hover {
    text-decoration: none
}
.pagination li.active a {
    background-color: #f1f4f6;
    color: #1e2b31
}
.parallax-scene {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    pointer-events: none
}
.parallax-scene,
.parallax-scene .layer {
    width: 100%;
    height: 100%
}
.parallax-scene img {
    position: absolute;
    width: 100%
}
.particles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 1s;
    opacity: 0;
    z-index: 0
}
.particles--visible {
    opacity: 1
}
.preloader {
    display: -webkit-box;
    display: flex;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #fff
}
.preloader__logo {
    position: relative;
    width: 260px;
    overflow: hidden
}
.preloader__logo-overlay {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff
}
.preloader__logo-overlay:nth-of-type(2) {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0)
}
.row.row-fluid [class*=col-] {
    padding: 0
}
.row-flex {
    display: -webkit-box;
    display: flex
}
@media (min-width: 768px) {
    .row-flex--sm {
        display: -webkit-box;
        display: flex
    }
}
.row-flex--center {
    -webkit-box-align: center;
    align-items: center
}
.scroll-indicator {
    position: fixed;
    z-index: 200;
    top: 20px;
    left: 20px;
    width: 100%;
    height: 2px;
    overflow: hidden;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.scroll-indicator[value]::-webkit-progress-bar {
    background-color: transparent
}
.scroll-indicator[value]::-webkit-progress-value {
    border: 0;
    height: 5px;
    background-color: #1e2b31
}
.scroll-indicator[value]::-moz-progress-bar {
    border: 0;
    height: 5px;
    background-color: #1e2b31
}
.scroll-indicator[value]::-ms-fill {
    border: 0;
    height: 5px;
    background-color: #1e2b31
}
.scroll-down {
    width: 50px;
    height: 50px;
    background-color: transparent
}
.scroll-down svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}
.scroll-down .decorator {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    transition: all .3s ease-in-out;
    opacity: .3;
    color: #fff
}
.scroll-down .decorator:after,
.scroll-down .decorator:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s;
    background-color: #9b8f78
}
.scroll-down .decorator:before {
    width: 2px;
    height: 100%
}
.scroll-down .decorator:after {
    width: 100%;
    height: 2px
}
.scroll-down .decorator.bottom.right {
    top: 40px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.scroll-down .decorator.bottom.left {
    top: 40px;
    right: 40px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.scroll-down .decorator.top.left {
    right: 40px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}
.scroll-down:hover .decorator {
    opacity: 1
}
.scroll-down:hover .decorator:before {
    top: 40px
}
.scroll-down:hover .decorator:after {
    -webkit-animation: c .3s both;
    animation: c .3s both
}
@-webkit-keyframes c {
    0% {
        width: 100%;
        height: 2px
    }
    50% {
        right: 0;
        width: 2px;
        height: 2px
    }
    to {
        right: 0;
        width: 2px;
        height: 100%
    }
}
@keyframes c {
    0% {
        width: 100%;
        height: 2px
    }
    50% {
        right: 0;
        width: 2px;
        height: 2px
    }
    to {
        right: 0;
        width: 2px;
        height: 100%
    }
}
.slider-scroller {
    width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    -moz-user-select: none;
    -ms-overflow-style: none;
    touch-action: pan-y
}
.slider-scroller:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.slider-scroller::-webkit-scrollbar {
    display: none
}
.slider {
    display: -webkit-box;
    display: flex;
    padding: 30px 0
}
@media (min-width: 992px) {
    .slider {
        padding-top: 70px
    }
}
.tags {
    text-transform: lowercase
}
.tags h5 {
    margin-bottom: 15px;
    font-size: 17px
}
.tags ul {
    margin: 0;
    padding: 0;
    font-size: 0
}
.tags li {
    display: inline-block;
    margin: 5px 5px 0 0;
    padding-right: 10px;
    list-style-type: none;
    font-size: 16px
}
.tags a:focus,
.tags a:hover {
    text-decoration: none
}
.tags__tag {
    padding: 10px 12px;
    background-color: #f1f4f6;
    color: #1e2b31
}
.telescopic-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 80px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}
@media (max-width: 767px) {
    .telescopic-text {
        padding: 0 35px
    }
}
.telescopic-text__heading {
    color: #fff;
    font-size: 22px;
    text-transform: none
}
@media (min-width: 992px) {
    .telescopic-text__heading {
        font-size: 60px
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .telescopic-text__heading {
        font-size: 5vw
    }
}
.clear {
	clear:both;
}
.telescopic-text__element {
    display: inline-block;
    line-height: 160%
}
.telescopic-text__element .telescopic-text__element {
    padding: 0
}
.telescopic-text .text {
    display: none
}
.telescopic-text .text.expanded {
    display: inline
}
.telescopic-text .expander {
    padding: 0 10px;
    transition: all .3s;
    background-color: hsla(39, 15%, 54%, .3);
    cursor: pointer
}
.telescopic-text .expander:hover {
    background-color: hsla(39, 15%, 54%, .4)
}
.tile {
    display: block;
    position: relative;
    margin: 15px 0;
    padding: 35px 70px 30px 30px;
    transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
}
.tile:focus,
.tile:hover {
    text-decoration: none;
		color:#fff;
		background-color: hsla(211, 15%, 54%, .3);
}
.tile:hover .tile__icon {
	transition: all .3s;
    -webkit-transform: translate3d(30px, -50%, 0);
    transform: translate3d(30px, -50%, 0)
}
.tile:hover .tile__title {
	transition: all .3s;
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0);
	text-decoration:none;
}
.tile:hover .tile__description {
	transition: all .3s;
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0);
	text-decoration:none;
}
.tile--alpha {
    background-color: #fff
}
.tile--beta {
    background-color: #f1f4f6
}
.tile__title {
    margin-top: 0;
    margin-bottom: 10px;
	position:relative;
	transition: all .3s;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.tile__description {
    display: block;
	max-width:850px;
    color: rgba(30, 43, 49, .7);
		transition: all .3s;
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}
.tile__icon {
    display: block;
    position: absolute;
    top: 54%;
    right: 35px;
    width: 34px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    transition: -webkit-transform .7s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.165, .84, .44, 1), -webkit-transform .7s cubic-bezier(.165, .84, .44, 1)
}
.tile__icon-svg {
    fill: #1e2b31
}
.img_block {
	position: relative;
    display: block;
	min-height:150px;
}
@media (min-width: 768px) {
    .tile {
        padding: 35px 30px 30px 30px
    }
    .tile__icon {
        right: 20px
    }
}
.title-break {
    margin-top: 0;
    line-height: .9
}
.title-break__inner {
    display: block
}
.title-break--white {
    color: #fff
}
.title-break--alpha {
    color: #1c85e2
}
.title-break--beta {
    color: #1e2b31
}
.title-line {
    display: block;
    width: 86px;
    height: 5px;
	margin-left: 5px;
    margin-top: 20px;
    margin-bottom: 40px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: all .2s ease-in-out .4s;
    background-color: transparent
}
.title-line--center {
    margin: 20px auto 40px
}
.title-line--white {
    background-color: #fff
}
.title-line--alpha,
.title-line--white {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.title-line--alpha {
    background-color: #1c85e2
}
.title-line--beta {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #1e2b31
}
.transition-box {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    background: #fff;
    will-change: transform, opacity
}
.transition-box--moving {
    z-index: 303;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform
}
.transition-box--fading {
    z-index: 302;
    transition: opacity
}
.work-card {
    display: block;
    position: relative;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 295px;
    height: 190px;
    margin-right: 6px;
    margin-bottom: 80px;
    margin-left: 6px;
    text-align: center
}
.work-card--overview {
    margin: 0 auto;
    margin-bottom: 80px;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}
.work-card__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.work-card__bg--puurex {
    background-color: #dbd5cd
}
.work-card__bg--m2m {
    background-color: #f5f5f5
}
.work-card__visual {
    position: relative;
    width: 100%;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    pointer-events: none
}
.work-card__visual--portrait {
    width: auto;
    max-height: calc(100% - 10px)
}
.work-card__name {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
    font-size: 30px;
    text-align: center;
    pointer-events: none
}
.work-card__name:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 36px;
    height: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #1c85e2
}
@media (max-width: 767px) {
    .work-card--padding {
        padding-right: 20px;
        padding-left: 20px
    }
}
@media (min-width: 768px) {
    .work-card {
        max-width: 600px;
        height: 365px
    }
    .work-card:hover .work-card__name {
        -webkit-transform: translate3d(0, -65%, 0);
        transform: translate3d(0, -65%, 0)
    }
    .work-card:hover .work-card__visual {
        -webkit-transform: translate3d(30px, -20px, 0);
        transform: translate3d(30px, -20px, 0)
    }
    .work-card--slide {
        margin-right: 220px
    }
    .work-card--overview {
        margin-bottom: 60px
    }
    .work-card__name {
        top: 50%;
        bottom: auto;
        left: -142px;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
        transition: transform .5s cubic-bezier(.165, .84, .44, 1);
        transition: transform .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
        font-size: 50px;
        line-height: .9;
        text-align: left
    }
    .work-card__name:before {
        bottom: -25px;
        left: 0;
        width: 86px;
		margin-left:5px;
        height: 5px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .work-card__name span {
        display: block
    }
    .work-card__visual {
        position: absolute;
        right: -240px;
        bottom: 20px;
        max-width: 750px;
		filter: drop-shadow(0px 1px 1px #afafaf);
        transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
        transition: transform .5s cubic-bezier(.165, .84, .44, 1);
        transition: transform .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1)
    }
    .work-card__visual--vlnt {
        bottom: 60px;
        max-width: 460px
    }
    .work-card__visual--vrdstn {
        right: -60px;
        bottom: 0;
        max-width: 230px
    }
    .work-card__visual--rrs {
        right: -90px;
        max-width: 570px
    }
}
@media (min-width: 992px) {
    .work-card {
        max-width: 700px;
        height: 425px
    }
    .work-card--slide {
        margin-right: 220px
    }
    .work-card__name {
        font-size: 48px;
		font-weight:700;
    }
    .work-card__visual--vlnt {
        max-width: 680px
    }
}
@media (min-width: 1600px) {
    .work-card {
        max-width: 1255px;
        height: 520px
    }
    .work-card--slide {
        margin-right: 220px;
        margin-left: 220px;
    }
	.work-card--slide:first-child {
        margin-right: 220px;
        margin-left: 0;
    }
}
.reset-button {
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    text-shadow: none
}
.reset-button:active,
.reset-button:focus {
    outline: none
}
.button {
    display: inline-block;
    position: relative;
    height: 50px;
    padding: 0 20px;
    background-color: transparent;
    color: #1e2b31;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    letter-spacing: 2.5px;
    line-height: 50px;
    text-transform: uppercase
}
.button:focus,
.button:hover {
    color: #1e2b31;
    text-decoration: none
}
.button:hover .decorator.right:before {
    -webkit-transform: translateY(44px);
    transform: translateY(44px)
}
.button:hover .decorator.right:after {
    right: calc(100% - 6px)
}
.button:hover .decorator.left:before {
    -webkit-transform: translateY(-44px);
    transform: translateY(-44px)
}
.button:hover .decorator.left:after {
    left: calc(100% - 6px)
}
.button .decorator {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.button .decorator.right:after,
.button .decorator.right:before {
    top: 0;
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.button .decorator.left:after,
.button .decorator.left:before {
    bottom: 0;
    left: 0
}
.button .decorator:after,
.button .decorator:before {
    content: "";
    position: absolute;
    transition: all .3s;
    background: #fff
}
.button--champagne .button .decorator:after,
.button--champagne .button .decorator:before {
    background: #9b8f78
}
.button .decorator:after {
    width: 6px;
    height: 2px
}
.button .decorator:before {
    width: 2px;
    height: 6px
}
.button--champagne .decorator:after,
.button--champagne .decorator:before {
    background: #9b8f78
}
.case-button,
.normal-button {
    display: inline-block;
    position: relative;
    padding: 30px 50px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    background-color: transparent;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 2.5px;
    text-transform: uppercase
}
.case-button:focus,
.case-button:hover,
.normal-button:focus,
.normal-button:hover {
    text-decoration: none
}
.case-button--navyblue,
.case-button--navyblue:focus,
.case-button--navyblue:hover,
.normal-button--navyblue,
.normal-button--navyblue:focus,
.normal-button--navyblue:hover {
    background-color: #1e2b31;
    color: #9b8f78
}
.case-button--light,
.normal-button--light {
    background-color: #f1f4f6;
    color: #1e2b31
}
.case-button--light:focus,
.case-button--light:hover,
.normal-button--light:focus,
.normal-button--light:hover {
    background-color: #c2cfd8;
    color: #fff
}
.case-button--light:focus svg,
.case-button--light:hover svg,
.normal-button--light:focus svg,
.normal-button--light:hover svg {
    fill: #fff
}
.case-button--light svg,
.normal-button--light svg {
    transition: all .2s ease-in-out;
    fill: #1e2b31
}
.case-button.normal-button--white,
.normal-button.normal-button--white {
    background-color: #fff;
    color: #1e2b31
}
.case-button.normal-button--white:hover,
.normal-button.normal-button--white:hover {
    background-color: #f1f4f6;
    color: #1e2b31
}
.case-button.normal-button--white svg,
.normal-button.normal-button--white svg {
    fill: #1e2b31
}
.case-button--icon-left .icon,
.case-button--icon .icon,
.normal-button--icon-left .icon,
.normal-button--icon .icon {
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.165, .84, .44, 1)
}
.case-button--icon,
.normal-button--icon {
    padding: 30px 75px 30px 50px
}
.case-button--icon .icon,
.normal-button--icon .icon {
    right: 50px
}
.case-button--icon:hover .icon,
.normal-button--icon:hover .icon {
    -webkit-transform: translate3d(6px, -50%, 0);
    transform: translate3d(6px, -50%, 0)
}
.case-button--icon-left,
.normal-button--icon-left {
    padding: 30px 50px 30px 75px
}
.case-button--icon-left .icon,
.normal-button--icon-left .icon {
    left: 50px
}
.case-button--icon-left:hover .icon,
.normal-button--icon-left:hover .icon {
    -webkit-transform: translate3d(-6px, -50%, 0);
    transform: translate3d(-6px, -50%, 0)
}
.normal-button--alpha {
    padding-top: 24px;
    padding-bottom: 24px
}
.normal-button {
    background-color: rgba(30, 43, 49, .2);
    color: #fff
}
.normal-button:hover {
    background-color: rgba(30, 43, 49, .4);
    color: #fff
}
.button-group {
    display: -webkit-box;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    width: 80%;
    max-width: 260px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media (min-width: 768px) {
    .button-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row;
        -webkit-box-pack: center;
        justify-content: center;
        max-width: inherit
    }
}
.nerdwheel {
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: 97px;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-bottom: 2rem
}
.nerdwheel-list,
.nerdwheel__audio {
    display: none;
    visibility: hidden
}
.nerdwheel-svg-draggable {
    cursor: -webkit-grab;
    cursor: grab
}
.nerdwheel-svg-draggable:active,
.nerdwheel-svg-draggable:focus {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.nerdwheel__drawing {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 80vw;
    height: 80vh
}
@media (min-width: 768px) {
    .nerdwheel__drawing {
        width: 50rem;
        height: 50rem
    }
}
@media (min-width: 1200px) {
    .nerdwheel__drawing {
        width: 70rem;
        height: 70rem
    }
}
@media (min-width: 1600px) and (min-height: 1200px) {
    .nerdwheel__drawing {
        width: 90rem;
        height: 90rem
    }
}
@media only screen and (orientation: portrait) {
    .nerdwheel__drawing {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 70vw;
        height: 70vh
    }
}
.nerdwheel__drawing__surface {
    width: 80vw;
    height: 80vh
}
@media (min-width: 768px) {
    .nerdwheel__drawing__surface {
        width: 50rem;
        height: 50rem
    }
}
@media (min-width: 1200px) {
    .nerdwheel__drawing__surface {
        width: 70rem;
        height: 70rem
    }
}
@media (min-width: 1600px) and (min-height: 1200px) {
    .nerdwheel__drawing__surface {
        width: 90rem;
        height: 90rem
    }
}
@media only screen and (orientation: portrait) {
    .nerdwheel__drawing__surface {
        width: 100vw;
        height: 100vh
    }
}
@keyframes b {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    75% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
.nerdwheel__icon-circle {
    position: relative;
    width: 3rem;
    height: 3rem;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-animation: b 4s cubic-bezier(.57, -.04, .58, 1) infinite both;
    animation: b 4s cubic-bezier(.57, -.04, .58, 1) infinite both
}
@media (min-width: 768px) {
    .nerdwheel__icon-circle {
        width: 4rem;
        height: 4rem
    }
}
.nerdwheel__icon-circle-line {
    display: block;
    width: 100%;
    height: 100%
}
.nerdwheel__icon-circle-hand {
    position: absolute;
    top: -.5rem;
    left: 50%;
    width: 1.75rem;
    height: 1.75rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.nerdwheel__icon-text {
    position: relative;
    top: 50%;
    width: 8rem;
    padding-left: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2rem;
    line-height: 1
}
@media (min-width: 768px) {
    .nerdwheel__icon-text {
        font-size: 1.4rem
    }
}
@media only screen and (orientation: portrait) {
    .nerdwheel__icon-text {
        top: .5rem;
        left: -.5rem;
        width: 12rem;
        -webkit-transform: none;
        transform: none;
        text-align: center
    }
}
.nerdwheel__icon {
    display: -webkit-box;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    align-items: center;
    height: 5rem;
    margin-left: 1.5rem
}
@media only screen and (orientation: portrait) {
    .nerdwheel__icon {
        bottom: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-left: 0;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }
}
@media only screen and (orientation: portrait) and (min-width: 768px) {
    .nerdwheel__icon {
        margin-bottom: 2rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
.nerdwheel__picture {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    max-width: 100%;
    max-height: 80%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}
@media (min-width: 768px) {
    .nerdwheel__picture {
        max-width: 48rem;
        max-height: 48rem
    }
}
@media (min-width: 1200px) {
    .nerdwheel__picture {
        max-width: 58rem;
        max-height: 58rem
    }
}
@media (min-width: 1600px) and (min-height: 1200px) {
    .nerdwheel__picture {
        max-width: 75rem;
        max-height: 75rem
    }
}
.nerdwheel__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    text-align: right
}
@media only screen and (orientation: landscape) {
    .nerdwheel__text {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-box-align: end;
        align-items: flex-end;
        max-width: 200px;
        padding: 1.5rem 1rem 0 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (orientation: landscape) and (min-width: 768px) {
    .nerdwheel__text {
        padding-right: 2.5rem;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        font-size: 30px
    }
}
@media only screen and (orientation: portrait) {
    .nerdwheel__text {
        -webkit-box-flex: 1;
        flex: 1;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        width: 100%;
        text-align: center
    }
}
@media only screen and (orientation: portrait) and (min-width: 400px) {
    .nerdwheel__text {
        font-size: 22px
    }
}
@media only screen and (orientation: portrait) and (min-width: 768px) {
    .nerdwheel__text {
        font-size: 3rem
    }
}
.nerdwheel__text-description {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px
}
.nerdwheel__text-title {
    margin: .5rem 0
}
@media only screen and (orientation: landscape) {
    .nerdwheel__text-title {
        width: 10rem;
        text-align: right
    }
}
@media only screen and (orientation: landscape) and (min-width: 768px) {
    .nerdwheel__text-title {
        width: 15rem
    }
}
.nav-bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 76px;
    z-index: 999
}
.nav-bar__bg {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    z-index: 2
}
.nav-bar__container {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 75px;
    padding-right: 25px;
    padding-left: 25px
}
.nav-bar__logo {
    height: 35px;
	width:130px;
}
.nav-bar__logo svg,
.nav-bar__logo svg * {
    transition: fill .3s;
    fill: #9b8f78
}
.navigation-lightness:not(.navigation-champagne) .nav-bar__logo svg,
.navigation-lightness:not(.navigation-champagne) .nav-bar__logo svg * {
    fill: #1e2b31
}
.nav-bar__phone {
    width: 25px;
    height: 25px
}
@media (min-width: 992px) {
    .nav-bar {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: auto
    }
    .nav-bar__bg {
        border-bottom-color: transparent;
        background-color: transparent
    }
    .nav-bar__container {
        height: 125px
    }
    .nav-bar__logo {
        position: absolute;
        top: 40px;
        left: 50px;
    }
    .nav-bar__phone {
        display: none
    }
    .nav-bar__toggle-navigation {
        position: absolute;
        right: 50px
    }
}
.nav-bar__toggle-navigation {
    cursor: pointer
}
.nav-bar__toggle-navigation__icon {
    display: block;
    position: relative;
    width: 22px;
    height: 18px
}
.nav-bar__toggle-navigation__icon span {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: 2px;
    transition: all .15s;
    background-color: #1e2b31
}
.nav-bar__toggle-navigation__icon span:first-of-type {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.nav-bar__toggle-navigation__icon span:nth-of-type(2) {
    top: 0;
    -webkit-transform: translateZ(0) rotate(0) scaleX(1);
    transform: translateZ(0) rotate(0) scaleX(1)
}
.nav-bar__toggle-navigation__icon span:nth-of-type(3) {
    bottom: 0;
    -webkit-transform: translateZ(0) rotate(0) scaleX(1);
    transform: translateZ(0) rotate(0) scaleX(1)
}
@media (max-width: 992px) {
    .nav-bar__toggle-navigation__icon span:nth-of-type(2) {
        -webkit-transform: rotate(45deg) translate3d(5px, 7px, 0);
        transform: rotate(45deg) translate3d(5px, 7px, 0)
    }
    .navigation-closed .nav-bar__toggle-navigation__icon span:nth-of-type(2) {
        -webkit-transform: none;
        transform: none
    }
    .nav-bar__toggle-navigation__icon span:first-of-type {
        opacity: 0
    }
    .navigation-closed .nav-bar__toggle-navigation__icon span:first-of-type {
        opacity: 1
    }
    .nav-bar__toggle-navigation__icon span:nth-of-type(3) {
        -webkit-transform: rotate(-45deg) translate3d(5px, -6px, 0);
        transform: rotate(-45deg) translate3d(5px, -6px, 0)
    }
    .navigation-closed .nav-bar__toggle-navigation__icon span:nth-of-type(3) {
        -webkit-transform: none;
        transform: none
    }
}
@media (min-width: 992px) {
    .nav-bar__toggle-navigation {
        visibility: hidden;
        position: fixed;
        z-index: 999;
        top: 33px;
        right: 35px;
        width: 60px;
        height: 60px;
        padding: 20px;
        -webkit-transform: translate3d(-1200%, 0, 0) rotate(90deg);
        transform: translate3d(-1200%, 0, 0) rotate(90deg);
        transition: all .45s;
        border-radius: 50%;
        opacity: 0;
        background-color: #fff;
        box-shadow: 0 8px 20px 2px rgba(0, 0, 0, .15)
    }
    .nav-bar__toggle-navigation:hover .nav-bar__toggle-navigation__icon span:nth-of-type(2) {
        -webkit-transform: translate3d(-7px, 4px, 0) rotate(-45deg) scaleX(.5);
        transform: translate3d(-7px, 4px, 0) rotate(-45deg) scaleX(.5)
    }
    .nav-bar__toggle-navigation:hover .nav-bar__toggle-navigation__icon span:nth-of-type(3) {
        -webkit-transform: translate3d(-7px, -4px, 0) rotate(45deg) scaleX(.6);
        transform: translate3d(-7px, -4px, 0) rotate(45deg) scaleX(.6)
    }
    .navigation-closed .nav-bar__toggle-navigation {
        visibility: visible;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
        opacity: 1
    }
}
.navigation {
    transition: opacity .3s
}
@media (max-width: 992px) {
    .navigation {
        visibility: hidden;
        height: 100vh;
        overflow-y: scroll;
        text-align: center;
        -webkit-overflow-scrolling: touch
    }
    .navigation-initialised .navigation {
        visibility: visible
    }
    .navigation-closed .navigation {
        visibility: hidden
    }
}
@media (min-width: 992px) {
    .navigation:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 126px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transition: all .15s;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        background-color: #fff
    }
    .navigation-hidden .navigation:before {
        transition: 0;
        opacity: 0
    }
    .fp-enabled .navigation:before,
    .navigation-closed .navigation:before,
    .navigation-hidden .navigation:before,
    .navigation-start .navigation:before {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .navigation-hidden .navigation {
        opacity: 0
    }
    .navigation {
        padding-right: 60px
    }
}
.navigation__blocks {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}
.navigation__blocks:after,
.navigation__blocks:before,
.navigation__blocks span {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 33.33333%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .3s cubic-bezier(.65, .05, .36, 1);
    background-color: #fff
}
.navigation-closed .navigation__blocks:after,
.navigation-closed .navigation__blocks:before,
.navigation-closed .navigation__blocks span {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.navigation-closed .navigation__blocks:before {
    transition-delay: .1s
}
.navigation__blocks span {
    top: 33.33333%;
    transition-delay: .05s
}
.navigation__blocks:after {
    top: 66.66667%;
    transition-delay: .1s
}
.navigation-closed .navigation__blocks:after {
    transition-delay: 0s
}
@media (min-width: 992px) {
    .navigation__blocks {
        display: none
    }
}
.navigation__list {
    display: -webkit-box;
    display: flex
}
@media (max-width: 991px) {
    .navigation__list {
        flex-basis: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: calc(100vh - 150px);
        padding: 40px 0
    }
}
@media (min-width: 992px) {
    .navigation__list {
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        height: 126px;
        margin-top: 0
    }
}
.navigation__item:after,
.navigation__item:before,
.navigation__link:after,
.navigation__link:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    transition: all .3s;
    opacity: 0;
    background: #9b8f78
}
.navigation-lightness:not(.navigation-champagne) .navigation__item:after,
.navigation-lightness:not(.navigation-champagne) .navigation__item:before,
.navigation-lightness:not(.navigation-champagne) .navigation__link:after,
.navigation-lightness:not(.navigation-champagne) .navigation__link:before {
    background: #1e2b31
}
.navigation-down:not(.navigation-champagne) .navigation__item:after,
.navigation-down:not(.navigation-champagne) .navigation__item:before,
.navigation-down:not(.navigation-champagne) .navigation__link:after,
.navigation-down:not(.navigation-champagne) .navigation__link:before {
    background: #9b8f78
}
.navigation__item:after,
.navigation__link:after {
    width: 6px;
    height: 2px
}
.navigation__item:before,
.navigation__link:before {
    width: 2px;
    height: 6px
}
.navigation__item {
    position: relative;
    transition: opacity .45s, visibility .45s, -webkit-transform .45s;
    transition: opacity .45s, transform .45s, visibility .45s;
    transition: opacity .45s, transform .45s, visibility .45s, -webkit-transform .45s
}
@media (max-width: 992px) {
    .navigation__item {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .navigation-closed .navigation__item {
        -webkit-transform: translate3d(40%, 0, 0);
        transform: translate3d(40%, 0, 0);
        opacity: 0
    }
    .navigation-closed .navigation__item:nth-child(7) {
        transition-delay: 0s
    }
    .navigation-closed .navigation__item:nth-child(6) {
        transition-delay: .01s
    }
    .navigation-closed .navigation__item:nth-child(5) {
        transition-delay: .02s
    }
    .navigation-closed .navigation__item:nth-child(4) {
        transition-delay: .03s
    }
    .navigation-closed .navigation__item:nth-child(3) {
        transition-delay: .04s
    }
    .navigation-closed .navigation__item:nth-child(2) {
        transition-delay: .05s
    }
    .navigation-closed .navigation__item:first-child {
        transition-delay: .06s
    }
    .navigation__item:first-child {
        transition-delay: .05s
    }
    .navigation__item:nth-child(2) {
        transition-delay: .1s
    }
    .navigation__item:nth-child(3) {
        transition-delay: .15s
    }
    .navigation__item:nth-child(4) {
        transition-delay: .2s
    }
    .navigation__item:nth-child(5) {
        transition-delay: .25s
    }
    .navigation__item:nth-child(6) {
        transition-delay: .3s
    }
    .navigation__item:nth-child(7) {
        transition-delay: .35s
    }
}
@media (min-width: 992px) {
    .navigation__item:hover:after,
    .navigation__item:hover:before {
        opacity: 1
    }
    .navigation__item:hover:before {
        top: 44px
    }
    .navigation__item:hover:after {
        right: calc(100% + 4px)
    }
    .navigation__item:not(:first-child) {
        margin-left: 50px
    }
    .navigation__item.is-active:after,
    .navigation__item.is-active:before {
        opacity: 1
    }
    .navigation-closed .navigation__item {
        visibility: hidden;
        opacity: 0
    }
}
.navigation__link {
    display: block;
    color: #1e2b31;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    text-transform: uppercase
}
.navigation__link:focus,
.navigation__link:hover {
    color: #1e2b31;
    text-decoration: none
}
.navigation__link:after,
.navigation__link:before {
    top: inherit;
    bottom: 10px;
    left: -10px
}
@media (max-width: 992px) {
    .navigation__link {
        font-size: 20px;
        letter-spacing: 1px
    }
}
@media (min-width: 992px) {
    .navigation__link {
        line-height: 60px
    }
    .navigation-lightness .navigation__link {
        color: #fff
    }
    .navigation-down .navigation__link,
    .navigation__link:hover {
        color: #1e2b31
    }
    .navigation-lightness .navigation__link:hover {
        color: #fff
    }
    .navigation-down .navigation__link:hover {
        color: #1e2b31
    }
    .navigation__link:hover:after,
    .navigation__link:hover:before {
        opacity: 1
    }
    .navigation__link:hover:before {
        bottom: 44px
    }
    .navigation__link:hover:after {
        left: calc(100% + 4px)
    }
    .navigation__item.is-active .navigation__link:after,
    .navigation__item.is-active .navigation__link:before {
        opacity: 1
    }
}
.section {
    position: relative
}
@media (min-width: 992px) {
    .section {
        padding: 120px 0
    }
    .section--no-padding {
        padding: 0
    }
}
.section:first-child {
    padding-top: 76px
}
@media (min-width: 768px) {
    .section:first-child {
        padding-top: 126px
    }
}
.section__intro {
    width: 100%;
    background-color: #1e2b31
}
.section__intro--bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.section--full-height {
    min-height: 100vh
}
.section--no-padding-top {
    padding-top: 0
}
.section--no-padding-bottom {
    padding-bottom: 0
}
.section--particles {
    width: 100vw;
    height: 100vh
}
.section--blue {
    background-color: #1e2b31
}
.section--blue h1,
.section--blue p {
    color: #fff
}
.section--white {
    background-color: #fff
}
.section--black {
    background-color: #000
}
.section--light {
    background-color: #f1f4f6
}
.p-home .scroll-down {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.p-home__intro {
    padding: 0
}
.p-home__works {
    text-align: center
}
@media (min-width: 1200px) {
    .p-home__works {
        padding: 100px 0
    }
}
@media (min-width: 1200px) {
    .p-home__works .drag-icon {
        margin-top: 20px
    }
}
.p-home__works .drag-icon__rig {
    margin: 0 auto
}
.p-home__about .content-list {
    padding: 0 60px 0 20px;
    float: left
}
.p-home__about.active .section__block--visual .visual {
    left: 50%
}
.p-stories .stories-overview {
    margin-top: 50px
}
.p-stories .stories-overview .pagination {
    margin-top: 30px
}
.p-stories .section__content h3 {
    font-size: 28px
}
.p-stories .section__content .quote {
    width: 50%;
    margin: 60px auto
}
.p-stories .section__content .quote p {
    color: #9b8f78;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-style: italic
}
.p-stories .visual-shadow {
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .25)
}
.p-stories__visual-overlap {
    width: 100%;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}
@media (min-width: 992px) {
    .p-stories__visual-overlap {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }
}
.p-stories__visual-overlap.animate-fade-in-up {
    -webkit-transform: translateY(25px);
    transform: translateY(25px)
}
@media (min-width: 992px) {
    .p-stories__visual-overlap.animate-fade-in-up {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}
.p-stories__visual-overlap.animate-fade-in-up.is-animated {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}
@media (min-width: 992px) {
    .p-stories__visual-overlap.animate-fade-in-up.is-animated {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }
}
.p-stories__visual-xl img {
    width: 100%;
    margin-top: 30px
}
.p-stories__visual-xl .description {
    margin-top: 20px;
    color: rgba(30, 43, 49, .4);
    font-size: 14px
}
.p-stories .tags {
    margin-top: 60px
}
.p-cases__intro {
    height: 100%
}
.p-cases__intro--visual {
    width: 100%;
    max-width: 900px;
    height: auto;
    pointer-events: none
}
@media (min-width: 768px) {
    .p-cases__intro--visual {
        position: absolute
    }
}
.p-cases__bg {
    top: 20px;
    bottom: 0;
    overflow: hidden
}
.p-cases__bg,
.p-cases__bg-image {
    position: absolute;
    right: 0;
    left: 0
}
.p-cases__bg-image {
    top: 0;
    bottom: -60px;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.p-cases__bg--black {
    background-color: #000
}
.p-cases__bg--white {
    background-color: #fff
}
.p-cases__bg--epsilon {
    background-color: #0d0b25
}
.p-cases__bg--epsilon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    background: radial-gradient(ellipse at center, transparent 0, rgba(0, 0, 0, .4) 100%)
}
.p-cases__bg--zeta {
    background-color: #05040d
}
.p-cases__bg--theta {
    background-color: #dbd5cd
}
.p-cases__bg--iota {
    background-color: #3d3935
}
.p-cases__bg--kappa {
    background-color: #fbd000
}
.p-cases__bg--m2m-alpha {
    background-color: #f5f5f5
}
.p-cases__bg--m2m-beta {
    background-color: #313131
}
.p-cases__bg--m2m-gamma {
    background-color: #3d3d3d
}
.p-cases__bg--map {
    background-image: url(/local/templates/NovoSite/css/../assets/img/cases/asito/asito-map.png)
}
.p-cases__bg--rings {
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    left: 5%;
    background-image: url(/local/templates/NovoSite/css/../assets/img/cases/puur-exloo/puur-exloo-background-rings.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
@media (max-width: 767px) {
    .p-cases__section {
        padding: 50px 0
    }
    .p-cases__section--last {
        padding: 50px 0 0
    }
}
@media (min-width: 768px) {
    .p-cases__section--va-center {
        padding: 0
    }
}
.p-cases__article {
    position: relative;
    z-index: 1
}
.p-cases__lifehammer--visual-cursor {
    width: 100%;
    max-width: 120px
}
.p-cases__lifehammer--visual-hammer {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    max-width: 100px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.p-cases__lifehammer--visual-window {
    margin-top: 40px;
    box-shadow: 0 5px 80px 0 #ffbf92
}
.p-cases__srmotion--circles {
    position: absolute;
    bottom: -70vh;
    width: 100%
}
.p-cases__srmotion--circle {
    stroke: #fff;
    fill: none
}
.p-cases__srmotion--circle:first-of-type {
    stroke-width: .5;
    opacity: 1
}
.p-cases__srmotion--circle:nth-of-type(2) {
    stroke-width: 1.5;
    opacity: .4
}
.p-cases__srmotion--circle:nth-of-type(3) {
    stroke-width: 2.5;
    opacity: .3
}
.p-cases__srmotion--circle:nth-of-type(4) {
    stroke-width: 3.5;
    opacity: .2
}
.p-cases__srmotion--circle:nth-of-type(5) {
    stroke-width: 4.5;
    opacity: .1
}
.p-cases__srmotion--circle:nth-of-type(6) {
    stroke-width: 5.5;
    opacity: .05
}
.p-cases__srmotion--device {
    width: 100%
}
.p-cases__srmotion--device.is-animated {
    opacity: 1
}
.p-cases__srmotion--mobile-1,
.p-cases__srmotion--mobile-2,
.p-cases__srmotion--mobile-3 {
    max-width: 246px
}
.p-cases__srmotion--mobile-2,
.p-cases__srmotion--mobile-3 {
    position: absolute;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}
.p-cases__srmotion--mobile-1 {
    position: relative;
    z-index: 1;
    -webkit-transform: translate3d(-400%, 0, 0);
    transform: translate3d(-400%, 0, 0)
}
.p-cases__srmotion--mobile-1.is-animated {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.p-cases__srmotion--mobile-2 {
    right: 20px;
    -webkit-transform: translate3d(-120px, 0, 0) scale(.8);
    transform: translate3d(-120px, 0, 0) scale(.8);
    transition-duration: .3s;
    transition-delay: .6s
}
.p-cases__srmotion--mobile-2.is-animated {
    -webkit-transform: translateX(0) scale(.8);
    transform: translateX(0) scale(.8)
}
.p-cases__srmotion--mobile-3 {
    left: 20px;
    -webkit-transform: translate3d(120px, 0, 0) scale(.8);
    transform: translate3d(120px, 0, 0) scale(.8);
    transition-duration: .3s;
    transition-delay: .6s
}
.p-cases__srmotion--mobile-3.is-animated {
    -webkit-transform: translateX(0) scale(.8);
    transform: translateX(0) scale(.8)
}
.p-cases__srmotion--sensor {
    position: absolute;
    z-index: 2;
    right: 80px;
    bottom: -50px;
    max-width: 170px;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    transition-duration: .3s
}
.p-cases__srmotion--sensor.is-animated {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}
@media (max-width: 767px) {
    .p-cases__srmotion--mobile-1,
    .p-cases__srmotion--mobile-2,
    .p-cases__srmotion--mobile-3 {
        max-width: 120px
    }
    .p-cases__srmotion--sensor {
        bottom: -30px;
        max-width: 90px
    }
}
.p-cases__valentine--visual-air-balloon {
    margin-top: 70px;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}
.p-cases__section--in-the-clouds {
    padding-top: 450px
}
.valentine-bow,
.valentine-heart-1,
.valentine-heart-2 {
    display: none;
    position: absolute;
    z-index: 1
}
.valentine-heart-1 {
    top: 50%;
    left: 0;
    width: 420px;
    -webkit-transform: translate3d(-78%, -82%, 0) rotate(-20deg);
    transform: translate3d(-78%, -82%, 0) rotate(-20deg)
}
.valentine-heart-2 {
    top: 50%;
    right: -30px;
    width: 140px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(30deg);
    transform: translate3d(0, -50%, 0) rotate(30deg)
}
.valentine-bow {
    display: block;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media (max-width: 767px) {
    .p-cases__valentine--visual-balloon {
        max-width: 90%;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
}
@media (min-width: 768px) {
    .p-cases__valentine--visual-balloon {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        max-height: 520px
    }
    .p-cases__section--in-the-clouds {
        padding-top: 0
    }
    .p-cases__valentine--scene-2 {
        left: -15%
    }
    .valentine-bow {
        bottom: 80px
    }
}
@media (min-width: 992px) {
    .p-cases__valentine--visual-balloon {
        max-height: 720px
    }
    .p-cases__valentine--scene-2 {
        left: 0
    }
}
@media (min-width: 1200px) {
    .valentine-heart-1,
    .valentine-heart-2 {
        display: block
    }
}
@media (max-width: 767px) {
    .p-cases__valentine--scene-1 .layer__one--element {
        top: 10%;
        left: -25%;
        max-width: 120px
    }
    .p-cases__valentine--scene-1 .layer__two--element {
        top: 0;
        left: -20%;
        max-width: 150px
    }
    .p-cases__valentine--scene-1 .layer__three--element {
        top: 10%;
        right: -10%;
        max-width: 70px
    }
    .p-cases__valentine--scene-1 .layer__four--element {
        bottom: 5%;
        left: 5%;
        max-width: 80px
    }
    .p-cases__valentine--scene-1 .layer__five--element {
        right: 0;
        bottom: 0;
        max-width: 150px
    }
    .p-cases__valentine--scene-1 .layer__six--element {
        right: -5%;
        bottom: 0;
        max-width: 80px
    }
}
@media (min-width: 768px) {
    .p-cases__valentine--scene-1 .layer__one--element {
        top: 35%;
        left: -10%;
        max-width: 220px
    }
    .p-cases__valentine--scene-1 .layer__two--element {
        top: 20%;
        left: -5%;
        max-width: 330px
    }
    .p-cases__valentine--scene-1 .layer__three--element {
        top: 10%;
        left: 65%;
        max-width: 100px
    }
    .p-cases__valentine--scene-1 .layer__four--element {
        bottom: 15%;
        left: 25%;
        max-width: 120px
    }
    .p-cases__valentine--scene-1 .layer__five--element {
        top: 35%;
        right: 5%;
        max-width: 330px
    }
    .p-cases__valentine--scene-1 .layer__six--element {
        top: 50%;
        right: 0;
        max-width: 120px
    }
}
.p-cases__valentine--scene-1 .layer__one {
    z-index: 60
}
.p-cases__valentine--scene-1 .layer__one--element {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}
.p-cases__valentine--scene-1 .layer__two {
    z-index: 20
}
.p-cases__valentine--scene-1 .layer__two--element {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}
.p-cases__valentine--scene-1 .layer__three {
    z-index: 40
}
.p-cases__valentine--scene-1 .layer__three--element {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}
.p-cases__valentine--scene-1 .layer__four {
    z-index: 10
}
.p-cases__valentine--scene-1 .layer__four--element {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}
.p-cases__valentine--scene-1 .layer__five {
    z-index: 10
}
.p-cases__valentine--scene-1 .layer__five--element {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}
.p-cases__valentine--scene-1 .layer__six {
    z-index: 30
}
.p-cases__valentine--scene-1 .layer__six--element {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}
@media (max-width: 767px) {
    .p-cases__valentine--scene-2 .layer__one--element {
        top: 15%;
        left: 20%;
        max-width: 300px
    }
    .p-cases__valentine--scene-2 .layer__two--element {
        top: 10%;
        left: 55%;
        max-width: 140px
    }
    .p-cases__valentine--scene-2 .layer__three--element {
        top: 35%;
        left: 55%;
        max-width: 80px
    }
    .p-cases__valentine--scene-2 .layer__four--element {
        top: 41%;
        left: 65%;
        max-width: 70px
    }
    .p-cases__valentine--scene-2 .layer__five--element {
        top: 43%;
        left: 50%;
        max-width: 40px
    }
    .p-cases__valentine--scene-2 .layer__six--element {
        top: 43%;
        left: 20%;
        max-width: 60px
    }
    .p-cases__valentine--scene-2 .layer__seven--element {
        top: 37%;
        left: 15%;
        max-width: 100px
    }
    .p-cases__valentine--scene-2 .layer__eight--element {
        top: 25%;
        left: 16%;
        max-width: 20px
    }
    .p-cases__valentine--scene-2 .layer__nine--element {
        top: 8%;
        left: 17%;
        max-width: 100px
    }
    .p-cases__valentine--scene-2 .layer__ten--element {
        top: 7%;
        left: 25%;
        max-width: 30px
    }
}
@media (min-width: 768px) {
    .p-cases__valentine--scene-2 .layer__one--element {
        top: 30%;
        left: 10%;
        max-width: 500px
    }
    .p-cases__valentine--scene-2 .layer__two--element {
        top: 20%;
        left: 25%;
        max-width: 340px
    }
    .p-cases__valentine--scene-2 .layer__three--element {
        top: 60%;
        left: 30%;
        max-width: 180px
    }
    .p-cases__valentine--scene-2 .layer__four--element {
        top: 70%;
        left: 35%;
        max-width: 160px
    }
    .p-cases__valentine--scene-2 .layer__five--element {
        top: 70%;
        left: 25%;
        max-width: 80px
    }
    .p-cases__valentine--scene-2 .layer__six--element {
        top: 65%;
        left: 10%;
        max-width: 160px
    }
    .p-cases__valentine--scene-2 .layer__seven--element {
        top: 52%;
        left: 5%;
        max-width: 200px
    }
    .p-cases__valentine--scene-2 .layer__eight--element {
        top: 40%;
        left: 6%;
        max-width: 120px
    }
    .p-cases__valentine--scene-2 .layer__nine--element {
        top: 23%;
        left: 7%;
        max-width: 200px
    }
    .p-cases__valentine--scene-2 .layer__ten--element {
        top: 22%;
        left: 15%;
        max-width: 90px
    }
}
.p-cases__valentine--scene-2 .layer__one {
    z-index: 60
}
.p-cases__valentine--scene-2 .layer__one--element {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg)
}
.p-cases__valentine--scene-2 .layer__two {
    z-index: 50
}
.p-cases__valentine--scene-2 .layer__two--element {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}
.p-cases__valentine--scene-2 .layer__three {
    z-index: 40
}
.p-cases__valentine--scene-2 .layer__three--element {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
}
.p-cases__valentine--scene-2 .layer__four {
    z-index: 45
}
.p-cases__valentine--scene-2 .layer__five {
    z-index: 60
}
.p-cases__valentine--scene-2 .layer__five--element {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}
.p-cases__valentine--scene-2 .layer__six {
    z-index: 60
}
.p-cases__valentine--scene-2 .layer__six--element {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
}
.p-cases__valentine--scene-2 .layer__seven {
    z-index: 30
}
.p-cases__valentine--scene-2 .layer__seven--element {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
}
.p-cases__valentine--scene-2 .layer__eight {
    z-index: 30
}
.p-cases__valentine--scene-2 .layer__eight--element {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}
.p-cases__valentine--scene-2 .layer__nine {
    z-index: 60
}
.p-cases__valentine--scene-2 .layer__nine--element {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}
.p-cases__valentine--scene-2 .layer__ten {
    z-index: 70
}
.p-cases__valentine--scene-2 .layer__ten--element {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
}
.p-cases__vredestein-video {
    width: 100%;
    max-width: 600px;
    box-shadow: 0 15px 120px 10px rgba(0, 0, 0, .3);
    vertical-align: middle
}
.p-cases__vredestein-rings {
    position: absolute;
    width: 100%
}
.p-cases__vredestein-phone-holder {
    position: relative;
    max-width: 240px
}
.p-cases__vredestein-iphone-1 {
    position: relative;
    z-index: 2
}
.p-cases__vredestein-iphone-2 {
    position: absolute;
    z-index: 1;
    top: 50%;
    max-width: 200px
}
.p-cases__vredestein-iphone-2.is-animated {
    -webkit-animation: d .4s ease-out .7s both;
    animation: d .4s ease-out .7s both
}
@-webkit-keyframes d {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(140px, -50%, 0);
        transform: translate3d(140px, -50%, 0);
        opacity: 1
    }
}
@keyframes d {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(140px, -50%, 0);
        transform: translate3d(140px, -50%, 0);
        opacity: 1
    }
}
.p-cases__vredestein-iphone-3 {
    position: absolute;
    z-index: 0;
    top: 50%;
    max-width: 180px
}
.p-cases__vredestein-iphone-3.is-animated {
    -webkit-animation: e .4s ease-out .8s both;
    animation: e .4s ease-out .8s both
}
@-webkit-keyframes e {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(240px, -50%, 0);
        transform: translate3d(240px, -50%, 0);
        opacity: 1
    }
}
@keyframes e {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(240px, -50%, 0);
        transform: translate3d(240px, -50%, 0);
        opacity: 1
    }
}
.p-cases__vredestein-iphone-mockup {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 580px
}
.p-cases__vredestein-iphone-mockup.is-animated {
    -webkit-animation: f .5s ease-in-out .8s both;
    animation: f .5s ease-in-out .8s both
}
@-webkit-keyframes f {
    0% {
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes f {
    0% {
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
.p-cases__vredestein-tyre {
    background-position: top
}
.p-cases__vredestein-download-list {
    position: relative;
    margin: 50px 0
}
.p-cases__vredestein-download-list-item {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 10px
}
@media (max-width: 767px) {
    .p-cases__vredestein-rings {
        bottom: 0;
        left: 0
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .p-cases__vredestein-iphone-mockup {
        max-width: 400px
    }
}
@media (min-width: 768px) {
    .p-cases__vredestein-rings {
        right: 10%;
        max-width: 630px
    }
    .p-cases__vredestein-iphone-mockup {
        position: absolute;
        right: 0
    }
}
.p-cases__asito-card-1 {
    width: 80%;
    max-width: 300px
}
@media (min-width: 768px) {
    .p-cases__asito-card-1 {
        position: absolute;
        z-index: 3;
        top: 50%;
        width: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        transition-delay: .9s
    }
    .p-cases__asito-card-1.is-animated {
        -webkit-transform: translate3d(60%, -50%, 0);
        transform: translate3d(60%, -50%, 0)
    }
}
.p-cases__asito-card-2 {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 40%;
    max-width: 250px;
    -webkit-transform: translate3d(-30%, -50%, 0);
    transform: translate3d(-30%, -50%, 0);
    transition-duration: .4s;
    transition-delay: .7s
}
.p-cases__asito-card-2.is-animated {
    -webkit-transform: translate3d(30%, -50%, 0);
    transform: translate3d(30%, -50%, 0)
}
.p-cases__asito-card-3 {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 30%;
    max-width: 200px;
    -webkit-transform: translate3d(-60%, -50%, 0);
    transform: translate3d(-60%, -50%, 0);
    transition-duration: .5s;
    transition-delay: .5s
}
.p-cases__asito-card-3.is-animated {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.p-cases__asito-video {
    width: 100%;
    vertical-align: middle
}
.p-cases__asito-verantwoord,
.p-cases__asito-verantwoord-bg,
.p-cases__asito-video {
    box-shadow: 0 15px 120px 10px rgba(0, 0, 0, .3)
}
.p-cases__asito-verantwoord-bg {
    z-index: 1;
    max-width: 100%;
    transition-duration: .5s
}
.p-cases__asito-verantwoord-card-1 {
    position: absolute;
    z-index: 2;
    top: 3%;
    left: 5%;
    width: 37%;
    transition-duration: .5s;
    transition-delay: .4s
}
.p-cases__asito-verantwoord-card-2 {
    position: absolute;
    z-index: 2;
    bottom: 3%;
    left: 5%;
    width: 37%;
    transition-duration: .5s;
    transition-delay: .8s
}
.p-cases__asito-verantwoord-card-3 {
    position: absolute;
    z-index: 2;
    top: 3%;
    right: 5%;
    width: 50%;
    transition-duration: .5s;
    transition-delay: .7s
}
.p-cases__asito-werkenbij {
    position: relative;
    z-index: 2;
    top: 50%;
    right: 0;
    width: 100%
}
@media (min-width: 768px) and (max-width: 991px) {
    .p-cases__asito-werkenbij {
        max-width: 700px
    }
}
@media (min-width: 768px) {
    .p-cases__asito-werkenbij {
        position: absolute;
        -webkit-transform: translate3d(330px, -50%, 0);
        transform: translate3d(330px, -50%, 0);
        transition: -webkit-transform 1s cubic-bezier(.77, 0, .18, 1);
        transition: transform 1s cubic-bezier(.77, 0, .18, 1);
        transition: transform 1s cubic-bezier(.77, 0, .18, 1), -webkit-transform 1s cubic-bezier(.77, 0, .18, 1);
        transition-delay: .3s
    }
    .is-animated.p-cases__asito-werkenbij {
        -webkit-transform: translate3d(260px, -50%, 0);
        transform: translate3d(260px, -50%, 0)
    }
}
@media (min-width: 992px) {
    .p-cases__asito-werkenbij {
        max-width: 950px
    }
}
.p-cases__puur-exloo-video {
    position: absolute;
    left: 19%;
    width: 65.5%;
    margin-top: 3.7%
}
.p-cases__puur-exloo-shadow {
    box-shadow: 0 15px 40px 15px rgba(0, 0, 0, .1)
}
.p-cases__puur-exloo-techniek {
    position: relative;
    min-height: 150px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain
}
.p-cases__puur-exloo-techniek-video {
    position: absolute;
    top: 7.2%;
    left: 50%;
    width: 75.3%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media (min-width: 768px) {
    .p-cases__puur-exloo-techniek {
        min-height: 450px;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0);
        transition: -webkit-transform 1s cubic-bezier(.77, 0, .18, 1);
        transition: transform 1s cubic-bezier(.77, 0, .18, 1);
        transition: transform 1s cubic-bezier(.77, 0, .18, 1), -webkit-transform 1s cubic-bezier(.77, 0, .18, 1);
        transition-delay: .2s
    }
    .is-animated.p-cases__puur-exloo-techniek {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.p-cases__rrs-macbook-klantenapp {
    position: absolute;
    top: 50%;
    width: 75vw;
    -webkit-transform: translate3d(100vw, -50%, 0);
    transform: translate3d(100vw, -50%, 0);
    transition-delay: .7s;
    transition-duration: .4s;
    z-index: 2
}
.p-cases__rrs-macbook-klantenapp.is-animated {
    -webkit-transform: translate3d(50vw, -50%, 0);
    transform: translate3d(50vw, -50%, 0)
}
@media (min-width: 1200px) {
    .p-cases__rrs-macbook-klantenapp.is-animated {
        width: 1000px;
        -webkit-transform: translate3d(calc(100vw - 750px), -50%, 0);
        transform: translate3d(calc(100vw - 750px), -50%, 0)
    }
}
.p-cases__rrs-video-klantenapp {
    position: absolute;
    top: 50%;
    width: 57vw;
    -webkit-transform: translate3d(100vw, -51%, 0);
    transform: translate3d(100vw, -51%, 0);
    transition-delay: .7s;
    transition-duration: .4s;
    z-index: 2
}
.p-cases__rrs-video-klantenapp.is-animated {
    -webkit-transform: translate3d(59vw, -51%, 0);
    transform: translate3d(59vw, -51%, 0)
}
@media (min-width: 1200px) {
    .p-cases__rrs-video-klantenapp.is-animated {
        width: 760px;
        -webkit-transform: translate3d(calc(100vw - 630px), -51%, 0);
        transform: translate3d(calc(100vw - 630px), -51%, 0)
    }
}
.p-cases__rrs-iphone-klantenapp {
    position: absolute;
    top: 50%;
    width: 15vw;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    transition-delay: 1s;
    transition-duration: .4s;
    z-index: 2
}
.p-cases__rrs-iphone-klantenapp.is-animated {
    -webkit-transform: translate3d(47vw, -50%, 0);
    transform: translate3d(47vw, -50%, 0)
}
@media (min-width: 1200px) {
    .p-cases__rrs-iphone-klantenapp.is-animated {
        width: 200px;
        -webkit-transform: translate3d(calc(100vw - 800px), -50%, 0);
        transform: translate3d(calc(100vw - 800px), -50%, 0)
    }
}
.p-cases__rrs-afspraak {
    position: absolute;
    top: 50%;
    width: 50vw;
    max-width: 1000px;
    -webkit-transform: translate3d(-100vw, -50%, 0);
    transform: translate3d(-100vw, -50%, 0);
    transition-delay: .7s;
    transition-duration: .4s;
    box-shadow: 0 15px 120px 10px rgba(0, 0, 0, .3);
    z-index: 2
}
.p-cases__rrs-afspraak.is-animated {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.p-cases__m2mblue-yacht {
    right: -12%;
    bottom: 13%;
    max-width: 1300px
}
.p-cases__m2mblue-line {
    display: block;
    position: relative;
    width: 90%;
    border-bottom: 1px dashed #b3b3b3
}
.p-cases__m2mblue-line-inner {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    background-color: #f5f5f5
}
.p-cases__m2mblue-hex-alpha,
.p-cases__m2mblue-hex-beta {
    max-width: 170px;
    margin: 40px 0
}
.p-cases__m2mblue-card-1 {
    z-index: 15
}
.p-cases__m2mblue-card-2 {
    z-index: 10
}
.p-cases__m2mblue-card-3 {
    z-index: 5
}
.p-cases__m2mblue-card-1-img {
    right: 15%;
    bottom: 17%;
    max-width: 470px
}
.p-cases__m2mblue-card-2-img {
    right: 5%;
    bottom: 50%;
    max-width: 360px
}
.p-cases__m2mblue-card-3-img {
    right: 0;
    bottom: 0;
    max-width: 540px
}
@media (max-width: 767px) {
    .p-cases__m2mblue-map {
        bottom: 10%;
        -webkit-transform: scale3d(1.5, 1.5, 1);
        transform: scale3d(1.5, 1.5, 1)
    }
    .p-cases__m2mblue-article {
        padding-bottom: 260px
    }
    .p-cases__m2mblue-mobile {
        background-position: 60%
    }
}
@media (min-width: 768px) {
    .p-cases__m2mblue-map {
        top: 50%;
        -webkit-transform: translateY(-50%) scale3d(1.2, 1.2, 1);
        transform: translateY(-50%) scale3d(1.2, 1.2, 1)
    }
    .p-cases__m2mblue-yacht {
        bottom: 22%
    }
    .p-cases__m2mblue-hex-alpha {
        margin-top: 100px
    }
    .p-cases__m2mblue-hex-beta {
        margin-top: 60px
    }
    .p-cases__m2mblue-card-1-img {
        bottom: 30%
    }
}
@media (min-width: 1700px) {
    .p-cases__m2mblue-yacht {
        right: 0;
        max-width: 1440px
    }
}
.p-nerds__section {
    display: -webkit-box;
    display: flex;
    position: relative;
    height: 100vh
}
.p-contact {
    background-color: #fff
}
.p-contact__section {
    padding-bottom: 0
}
.p-contact__background {
    overflow: hidden;
    background-color: #f1f4f6
}
.p-contact__container {
    min-height: calc(100vh - 254px)
}
.p-contact__columns,
.p-contact__container {
    position: relative
}
.p-contact__info {
    margin: 40px -15px 0
}
@media (min-width: 1200px) {
    .p-contact__container:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 100vw;
        height: 100%;
        -webkit-transform: translateX(-130px);
        transform: translateX(-130px);
        background: #fff
    }
    .p-contact__columns {
        position: relative;
        z-index: 2;
        padding-bottom: 100px
    }
    .p-contact__form {
        margin-right: 575px
    }
    .p-contact__info {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 475px;
        margin: 0
    }
}
.l-footer {
    position: relative;
    z-index: 500;
    padding: 50px 0;
    transition: opacity .3s;
    background-color: #fff
}
.navigation-hidden .l-footer {
    opacity: 0
}
.l-footer__contact,
.l-footer__social {
    margin: 0;
    padding: 0
}
.l-footer li {
    display: inline-block;
    padding: 0 40px 0 0;
    list-style: none;
    font-size: 14px
}
.l-footer a {
    color: gray
}
.l-footer__contact {
    position: absolute
}
.l-footer__social li {
    padding: 0 12px 0 0
}
.l-footer__social img {
    width: 22px
}
@media (min-width: 992px) {
    .fp-enabled .l-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 30px 0
    }
}
@media (max-width: 991px) {
    .l-footer {
        text-align: left
    }
    .l-footer__contact {
        position: relative
    }
    .l-footer__social {
        margin-top: 20px
    }
}
@media (min-width: 992px) {
    .l-footer__social {
        float: right
    }
    .l-footer__social li {
        padding: 0 20px 0 0
    }
}
/* End */
/* /local/templates/NovoSite/css/screen0006.css?1608984096122945 */