/*! 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%
}
body {
    margin: 0
}
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: bold
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.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 #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}
body {
    font-family: "Circe-Light", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.42857;
    color: #000;
    background-color: #fff;
    overflow-x: hidden;
    position: absolute;
    width: 100vw;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
a {
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none
}
a.active,
a:hover,
a:focus {
    color: #000;
    text-decoration: none
}
a:focus {
    overflow: 0
}
[role="button"] {
    cursor: pointer
}
.social-tw,
.social-gh,
.social-md,
.social-in {
    position: relative;
    display: inline-block;
    z-index: 3
}
.social-tw:after,
.social-gh:after,
.social-md:after,
.social-in:after {
    display: block;
    content: " ";
    line-height: 1;
    font-family: "FontAwesome", sans-serif;
    font-size: 24px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.social-gh::after {
    content: "\f09b"
}
.social-md::after {
    content: "\f23a"
}
.social-in::after {
    content: "\f16d"
}
.social-tw::after {
    content: "\f099"
}
@font-face {
    font-family: 'Circe';
    src: url("font/Circe.eot");
    src: url("font/Circe.woff2") format("woff2"), url("font/Circe.woff") format("woff"), url("font/Circe.ttf") format("truetype"), url("font/Circe.svg#Circe") format("svg"), url("font/Circe.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Circe-Bold';
    src: url("font/Circe-Bold.eot");
    src: url("font/Circe-Bold.woff2") format("woff2"), url("font/Circe-Bold.woff") format("woff"), url("font/Circe-Bold.ttf") format("truetype"), url("font/Circe-Bold.svg#Circe-Bold") format("svg"), url("font/Circe-Bold.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}
/*@font-face {*/
    /*font-family: 'Circe-ExtraBold';*/
    /*src: url("font/Circe-ExtraBold.eot");*/
    /*src: url("font/Circe-ExtraBold.woff2") format("woff2"), url("font/Circe-ExtraBold.woff") format("woff"), url("font/Circe-ExtraBold.ttf") format("truetype"), url("font/Circe-ExtraBold.svg#Circe-ExtraBold") format("svg"), url("font/Circe-ExtraBold.eot?#iefix") format("embedded-opentype");*/
    /*font-weight: normal;*/
    /*font-style: normal*/
/*}*/
@font-face {
    font-family: 'Circe-Light';
    src: url("font/Circe-Light.eot");
    src: url("font/Circe-Light.woff2") format("woff2"), url("font/Circe-Light.woff") format("woff"), url("font/Circe-Light.ttf") format("truetype"), url("font/Circe-Light.svg#Circe-Light") format("svg"), url("font/Circe-Light.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Circe-ExtraLight';
    src: url("font/Circe-ExtraLight.eot");
    src: url("font/Circe-ExtraLight.woff2") format("woff2"), url("font/Circe-ExtraLight.woff") format("woff"), url("font/Circe-ExtraLight.ttf") format("truetype"), url("font/Circe-ExtraLight.svg#Circe-ExtraLight") format("svg"), url("font/Circe-ExtraLight.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'BentonSans-Light';
    src: url("font/BentonSans-Light.eot");
    src: url("font/BentonSans-Light.woff2") format("woff2"), url("font/BentonSans-Light.woff") format("woff"), url("font/BentonSans-Light.ttf") format("truetype"), url("font/BentonSans-Light.svg#BentonSans-Light") format("svg"), url("font/BentonSans-Light.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'FontAwesome';
    src: url("font/fontawesome.eot");
    src: url("font/fontawesome.woff2") format("woff2"), url("font/fontawesome.woff") format("woff"), url("font/fontawesome.ttf") format("truetype"), url("font/fontawesome.svg#FontAwesome") format("svg"), url("font/fontawesome.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}
.svg,
.svg--logo,
.svg--logo-black,
.svg--arrow-left,
.svg--arrow-right,
.svg--arrow-right-black,
.svg--view,
.svg--scroll,
.svg--play,
.svg--gif {
    vertical-align: middle;
    line-height: 1.42857;
    display: inline-block;
    background: no-repeat
}
.svg--logo {
    /*background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='86px' height='24px' viewBox='0 0 86 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Elogo%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='LandingPage' transform='translate(-60.000000, -54.000000)' fill='%23FFFFFF'%3E %3Cg id='01_Header'%3E %3Cg id='logo' transform='translate(60.000000, 54.000000)'%3E %3Cg id='Logo'%3E %3Cpath d='M14.5,16.4 L14.7,17.6 C13.3,18.1 10.2,18.3 8.2,18.3 C2.4,18.3 0.1,16.3 0.1,11 C0.1,5.6 2.3,3.8 7.9,3.8 C12.8,3.8 15.1,5.2 15.2,8.1 C15.3,10.6 14.1,11.9 11.2,11.9 L1.9,11.9 C2.2,15.6 4.1,16.7 8.4,16.7 C10.6,16.7 12.9,16.5 14.5,16.4 L14.5,16.4 Z M1.8,10.5 L10.7,10.5 C12.7,10.5 13.3,9.5 13.2,8.1 C13.1,6.2 11.5,5.3 7.8,5.3 C3.5,5.4 1.9,6.6 1.8,10.5 L1.8,10.5 Z' id='Shape'%3E%3C/path%3E %3Cpolygon id='Shape' points='25.8 11.5 20 17.9 17.8 17.9 24.2 10.8 18.3 4.2 20.5 4.2 25.7 10.1 26.6 10.1 31.8 4.2 34 4.2 28.1 10.8 34.5 17.9 32.3 17.9 26.5 11.5 25.8 11.5'%3E%3C/polygon%3E %3Cpath d='M45.8,18.9 C44.6,21.3 42.9,23.5 39.2,23.8 L39,22.6 C41.9,21.8 43.2,20.5 44.1,18.7 L44.5,17.9 L44,17.9 C43.7,17.9 43.4,17.7 43.3,17.4 L36.4,4.2 L38.4,4.2 L43.9,14.9 C44.2,15.4 44.5,16 44.7,16.5 L45.2,16.5 C45.5,16 45.8,15.4 46,14.9 L51.5,4.2 L53.4,4.2 L45.8,18.9 L45.8,18.9 Z' id='Shape'%3E%3C/path%3E %3Cpath d='M60.3,14.5 C60.3,15.9 61.2,16.5 63.1,16.5 L66.1,16.5 L66.3,17.9 C65.2,18.1 63.5,18.2 62.8,18.2 C60,18.2 58.5,17 58.5,14.8 L58.5,5.6 L55.3,5.6 L55.3,4.3 L58.5,4.2 L60.3,4.2 L66.5,4.2 L66.5,5.6 L60.3,5.6 L60.3,14.5 L60.3,14.5 Z' id='Shape'%3E%3C/path%3E %3Cpath d='M84.4,16.4 L84.6,17.6 C83.2,18.1 80.1,18.3 78.1,18.3 C72.3,18.3 70,16.3 70,11 C70,5.6 72.2,3.8 77.8,3.8 C82.7,3.8 85,5.2 85.1,8.1 C85.2,10.6 84,11.9 81.1,11.9 L71.9,11.9 C72.2,15.6 74.1,16.7 78.4,16.7 C80.5,16.7 82.9,16.5 84.4,16.4 L84.4,16.4 Z M71.8,10.5 L80.7,10.5 C82.7,10.5 83.3,9.5 83.2,8.1 C83.1,6.2 81.5,5.3 77.8,5.3 C73.5,5.4 71.9,6.6 71.8,10.5 L71.8,10.5 Z' id='Shape'%3E%3C/path%3E %3Cpolygon id='Shape' points='58.5 3.4 58.5 0 60.3 0 60.3 1.4'%3E%3C/polygon%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");*/
    /*background-image: url("../images/logo-light.png");*/
    background-image: url("../images/logo.png");
    width: 200px;
    /*height: 63px;*/
    height: 120px;
    transition: height 0.6s ease;
    position:relative;
    top:-30px;
    background-size: contain;
}
.svg--logo-black {
    /*background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='86px' height='24px' viewBox='0 0 86 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3ELogo%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Projects' transform='translate(-60.000000, -54.000000)' fill='%23000000'%3E %3Cg id='01_WhiteHeader' transform='translate(60.000000, 54.000000)'%3E %3Cg id='Logo'%3E %3Cpath d='M14.5,16.4 L14.7,17.6 C13.3,18.1 10.2,18.3 8.2,18.3 C2.4,18.3 0.1,16.3 0.1,11 C0.1,5.6 2.3,3.8 7.9,3.8 C12.8,3.8 15.1,5.2 15.2,8.1 C15.3,10.6 14.1,11.9 11.2,11.9 L1.9,11.9 C2.2,15.6 4.1,16.7 8.4,16.7 C10.6,16.7 12.9,16.5 14.5,16.4 L14.5,16.4 Z M1.8,10.5 L10.7,10.5 C12.7,10.5 13.3,9.5 13.2,8.1 C13.1,6.2 11.5,5.3 7.8,5.3 C3.5,5.4 1.9,6.6 1.8,10.5 L1.8,10.5 Z' id='Shape'%3E%3C/path%3E %3Cpolygon id='Shape' points='25.8 11.5 20 17.9 17.8 17.9 24.2 10.8 18.3 4.2 20.5 4.2 25.7 10.1 26.6 10.1 31.8 4.2 34 4.2 28.1 10.8 34.5 17.9 32.3 17.9 26.5 11.5 25.8 11.5'%3E%3C/polygon%3E %3Cpath d='M45.8,18.9 C44.6,21.3 42.9,23.5 39.2,23.8 L39,22.6 C41.9,21.8 43.2,20.5 44.1,18.7 L44.5,17.9 L44,17.9 C43.7,17.9 43.4,17.7 43.3,17.4 L36.4,4.2 L38.4,4.2 L43.9,14.9 C44.2,15.4 44.5,16 44.7,16.5 L45.2,16.5 C45.5,16 45.8,15.4 46,14.9 L51.5,4.2 L53.4,4.2 L45.8,18.9 L45.8,18.9 Z' id='Shape'%3E%3C/path%3E %3Cpath d='M60.3,14.5 C60.3,15.9 61.2,16.5 63.1,16.5 L66.1,16.5 L66.3,17.9 C65.2,18.1 63.5,18.2 62.8,18.2 C60,18.2 58.5,17 58.5,14.8 L58.5,5.6 L55.3,5.6 L55.3,4.3 L58.5,4.2 L60.3,4.2 L66.5,4.2 L66.5,5.6 L60.3,5.6 L60.3,14.5 L60.3,14.5 Z' id='Shape'%3E%3C/path%3E %3Cpath d='M84.4,16.4 L84.6,17.6 C83.2,18.1 80.1,18.3 78.1,18.3 C72.3,18.3 70,16.3 70,11 C70,5.6 72.2,3.8 77.8,3.8 C82.7,3.8 85,5.2 85.1,8.1 C85.2,10.6 84,11.9 81.1,11.9 L71.9,11.9 C72.2,15.6 74.1,16.7 78.4,16.7 C80.5,16.7 82.9,16.5 84.4,16.4 L84.4,16.4 Z M71.8,10.5 L80.7,10.5 C82.7,10.5 83.3,9.5 83.2,8.1 C83.1,6.2 81.5,5.3 77.8,5.3 C73.5,5.4 71.9,6.6 71.8,10.5 L71.8,10.5 Z' id='Shape'%3E%3C/path%3E %3Cpolygon id='Shape' points='58.5 3.4 58.5 0 60.3 0 60.3 1.4'%3E%3C/polygon%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");*/
    width: 200px;
    height: 63px;
    /*background-image: url("../images/logo-dark.png");*/
    background-image: url("../images/logo.png");
    position:relative;
    top:-20px;
}
.svg--arrow-left {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='33px' height='14px' viewBox='0 0 33 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eleft_normal%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='LandingPage' transform='translate(-1215.000000, -396.000000)' fill='%23FFFFFF'%3E %3Cg id='01_Header'%3E %3Cg id='left_normal' transform='translate(1231.500000, 403.000000) scale(-1, 1) translate(-1231.500000, -403.000000) translate(1215.000000, 396.000000)'%3E %3Crect id='Rectangle-6' x='0' y='6' width='33' height='2'%3E%3C/rect%3E %3Crect id='Rectangle-6-Copy' transform='translate(27.500000, 4.000000) rotate(-330.000000) translate(-27.500000, -4.000000) ' x='22' y='3' width='11' height='2'%3E%3C/rect%3E %3Crect id='Rectangle-6-Copy-2' transform='translate(27.500000, 10.000000) scale(-1, 1) rotate(-330.000000) translate(-27.500000, -10.000000) ' x='22' y='9' width='11' height='2'%3E%3C/rect%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    width: 33px;
    height: 14px
}
.svg--arrow-right {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='33px' height='14px' viewBox='0 0 33 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eright_normal%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='LandingPage' transform='translate(-1273.000000, -396.000000)' fill='%23FFFFFF'%3E %3Cg id='01_Header'%3E %3Cg id='right_normal' transform='translate(1273.000000, 396.000000)'%3E %3Cg%3E %3Crect id='Rectangle-6' x='0' y='6' width='33' height='2'%3E%3C/rect%3E %3Crect id='Rectangle-6-Copy' transform='translate(27.500000, 4.000000) rotate(-330.000000) translate(-27.500000, -4.000000) ' x='22' y='3' width='11' height='2'%3E%3C/rect%3E %3Crect id='Rectangle-6-Copy-2' transform='translate(27.500000, 10.000000) scale(-1, 1) rotate(-330.000000) translate(-27.500000, -10.000000) ' x='22' y='9' width='11' height='2'%3E%3C/rect%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    width: 33px;
    height: 14px
}
.svg--arrow-right-black {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='33px' height='14px' viewBox='0 0 33 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eright_normal%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='LandingPage' transform='translate(-359.000000, -3253.000000)' fill='%23000000'%3E %3Cg id='03_Projects' transform='translate(226.000000, 1758.000000)'%3E %3Cg id='view-more-btn' transform='translate(6.000000, 1485.000000)'%3E %3Cg id='right_normal' transform='translate(127.000000, 10.000000)'%3E %3Cg%3E %3Crect id='Rectangle-6' x='0' y='6' width='33' height='2'%3E%3C/rect%3E %3Crect id='Rectangle-6-Copy' transform='translate(27.500000, 4.000000) rotate(-330.000000) translate(-27.500000, -4.000000) ' x='22' y='3' width='11' height='2'%3E%3C/rect%3E %3Crect id='Rectangle-6-Copy-2' transform='translate(27.500000, 10.000000) scale(-1, 1) rotate(-330.000000) translate(-27.500000, -10.000000) ' x='22' y='9' width='11' height='2'%3E%3C/rect%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    width: 33px;
    height: 14px
}
.svg--view {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='54px' height='54px' viewBox='0 0 54 54' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eview%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Ccircle id='path-1' cx='27' cy='27' r='27'%3E%3C/circle%3E %3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='LandingPage' transform='translate(-984.000000, -2532.000000)'%3E %3Cg id='03_Projects' transform='translate(226.000000, 1758.000000)'%3E %3Cg id='04' transform='translate(430.000000, 626.000000)'%3E %3Cg id='view' transform='translate(328.000000, 148.000000)'%3E %3Cg id='Group-13'%3E %3Cg id='Oval-1'%3E %3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E %3Ccircle stroke='%23FFFFFF' stroke-width='1' cx='27' cy='27' r='26.5'%3E%3C/circle%3E %3C/g%3E %3Cg id='Group-8' transform='translate(14.000000, 19.000000)' stroke='%23000000'%3E %3Cg id='watch'%3E %3Cpath d='M25.3702454,8 C25.3616607,7.98910791 25.3528648,7.9779721 25.3438585,7.96659547 C25.1324709,7.69957115 24.8846015,7.40132521 24.6025014,7.07970222 C23.7954016,6.15952611 22.8778715,5.23902839 21.8685317,4.38094222 C19.009851,1.95064649 16.0015999,0.5 13,0.5 C9.99840011,0.5 6.99014899,1.95064649 4.13146833,4.38094222 C3.12212848,5.23902839 2.20459835,6.15952611 1.39749864,7.07970222 C1.11539848,7.40132521 0.867529066,7.69957115 0.656141459,7.96659547 C0.647135245,7.9779721 0.63833934,7.98910791 0.629754567,8 C0.63833934,8.01089209 0.647135245,8.0220279 0.656141459,8.03340453 C0.867529066,8.30042885 1.11539848,8.59867479 1.39749864,8.92029778 C2.20459835,9.84047389 3.12212848,10.7609716 4.13146833,11.6190578 C6.99014899,14.0493535 9.99840011,15.5 13,15.5 C16.0015999,15.5 19.009851,14.0493535 21.8685317,11.6190578 C22.8778715,10.7609716 23.7954016,9.84047389 24.6025014,8.92029778 C24.8846015,8.59867479 25.1324709,8.30042885 25.3438585,8.03340453 C25.3528648,8.0220279 25.3616607,8.01089209 25.3702454,8 Z' id='Oval-1-Copy'%3E%3C/path%3E %3Ccircle id='Oval-3' cx='13' cy='8' r='2.5'%3E%3C/circle%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    width: 54px;
    height: 54px
}
.svg--scroll {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='24px' height='53px' viewBox='0 0 24 53' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Escroll%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='LandingPage' transform='translate(-786.000000, -915.000000)'%3E %3Cg id='01_Header'%3E %3Cg id='scroll' transform='translate(786.000000, 915.000000)'%3E %3Cg id='Scroll'%3E %3Crect id='Rectangle-357' stroke='%23FFFFFF' stroke-width='2' x='1' y='1' width='22' height='34' rx='11'%3E%3C/rect%3E %3Crect id='Rectangle-358' fill='%23FFFFFF' x='11' y='11' width='2' height='6' rx='1'%3E%3C/rect%3E %3Cpolyline id='Path-17' stroke='%23FFFFFF' stroke-width='2' points='8.10974121 47.0930176 12.0500772 51.0333536 16.0213623 46.9831543'%3E%3C/polyline%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    width: 24px;
    height: 53px
}
.svg--play {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='90px' height='90px' viewBox='0 0 90 90' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eplay%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpath d='M45,90 C20.1471863,90 0,69.8528137 0,45 C0,20.1471863 20.1471863,0 45,0 C69.8528137,0 90,20.1471863 90,45 C90,69.8528137 69.8528137,90 45,90 Z M39,33 L39,57 L59,45.0104121 L39,33 Z' id='path-1'%3E%3C/path%3E %3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='ProjectDescription01' transform='translate(-753.000000, -1545.000000)'%3E %3Cg id='02_Description' transform='translate(166.000000, 889.000000)'%3E %3Cg id='01' transform='translate(66.000000, 324.000000)'%3E %3Cg id='Group-13' transform='translate(521.000000, 332.000000)'%3E %3Cg id='play'%3E %3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E %3Cpath stroke='%23FFFFFF' stroke-width='1' d='M45,89.5 C69.5766714,89.5 89.5,69.5766714 89.5,45 C89.5,20.4233286 69.5766714,0.5 45,0.5 C20.4233286,0.5 0.5,20.4233286 0.5,45 C0.5,69.5766714 20.4233286,89.5 45,89.5 Z M38.5,32.1165105 L59.9718254,45.0107842 L38.5,57.882701 L38.5,32.1165105 Z'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    width: 90px;
    height: 90px
}
.svg--gif {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='50px' height='32px' viewBox='0 0 50 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3ECombined Shape%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.5'%3E %3Cg id='ProjectDescription01' transform='translate(-1285.000000, -1243.000000)' fill='%23FFFFFF'%3E %3Cg id='02_Description' transform='translate(166.000000, 889.000000)'%3E %3Cg id='01' transform='translate(66.000000, 324.000000)'%3E %3Cpath d='M1053,35 C1053,32.2385763 1055.24553,30 1058.00003,30 L1097.99997,30 C1100.76141,30 1103,32.2374593 1103,35 L1103,57 C1103,59.7614237 1100.75447,62 1097.99997,62 L1058.00003,62 C1055.23859,62 1053,59.7625407 1053,57 L1053,35 Z M1071.208,47.808 L1073.912,47.808 L1073.912,49.568 C1073.496,49.968 1072.456,50.336 1071.592,50.336 C1069.32,50.336 1067.8,48.784 1067.8,46.4 C1067.8,43.904 1069.384,42.464 1071.544,42.464 C1072.52,42.464 1073.512,42.8 1074.072,43.328 L1074.904,41.76 C1073.992,41.04 1072.904,40.624 1071.304,40.624 C1067.88,40.624 1065.72,43.184 1065.72,46.4 C1065.72,49.888 1067.896,52.176 1071.56,52.176 C1072.952,52.176 1074.76,51.6 1075.752,50.608 L1075.752,45.968 L1071.208,45.968 L1071.208,47.808 Z M1078.424,52 L1080.392,52 L1080.392,40.8 L1078.424,40.8 L1078.424,52 Z M1083.736,52 L1085.704,52 L1085.704,47.648 L1089.656,47.648 L1089.656,45.808 L1085.704,45.808 L1085.704,42.64 L1090.136,42.64 L1090.136,40.8 L1083.736,40.8 L1083.736,52 Z' id='Combined-Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    width: 50px;
    height: 32px
}
/*.container {*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*    min-width: 910px;*/
/*    max-width: 1132px*/
/*}*/
/*@media (max-width: 1222px) {*/
/*    .container {*/
/*        margin-left: 45px;*/
/*        margin-right: 45px*/
/*    }*/
/*}*/
/*.container:before,*/
/*.container:after {*/
/*    content: " ";*/
/*    display: table*/
/*}*/
/*.container:after {*/
/*    clear: both*/
/*}*/
/*.row {*/
/*    margin-left: 0px;*/
/*    margin-right: 0px*/
/*}*/
/*.row:before,*/
/*.row:after {*/
/*    content: " ";*/
/*    display: table*/
/*}*/
/*.row:after {*/
/*    clear: both*/
/*}*/
/*.col-xs-1,*/
/*.col-sm-1,*/
/*.col-md-1,*/
/*.col-xs-2,*/
/*.col-sm-2,*/
/*.col-md-2,*/
/*.col-xs-3,*/
/*.col-sm-3,*/
/*.col-md-3,*/
/*.col-xs-4,*/
/*.col-sm-4,*/
/*.col-md-4,*/
/*.col-xs-5,*/
/*.col-sm-5,*/
/*.col-md-5,*/
/*.col-xs-6,*/
/*.col-sm-6,*/
/*.col-md-6,*/
/*.col-xs-7,*/
/*.col-sm-7,*/
/*.col-md-7,*/
/*.col-xs-8,*/
/*.col-sm-8,*/
/*.col-md-8,*/
/*.col-xs-9,*/
/*.col-sm-9,*/
/*.col-md-9,*/
/*.col-xs-10,*/
/*.col-sm-10,*/
/*.col-md-10,*/
/*.col-xs-11,*/
/*.col-sm-11,*/
/*.col-md-11,*/
/*.col-xs-12,*/
/*.col-sm-12,*/
/*.col-md-12 {*/
/*    position: relative;*/
/*    min-height: 1px;*/
/*    padding-left: 0px;*/
/*    padding-right: 0px*/
/*}*/
/*.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%*/
/*}*/
.btn {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 19px 39px 18px;
    font-size: 16px;
    line-height: 1;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.btn.small {
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 9px
}
.btn:hover {
    color: #fff
}
.btn:hover,
.btn:focus,
.btn.focus {
    text-decoration: none
}
.btn:active,
.btn.active {
    outline: 0;
    background-image: none
}
.btn.btn-lg {
    width: 100%
}
.btn-blue {
    position: relative;
    border: 0;
    background: #000;
    padding: 19px 39px 18px;
    font-family: "Circe", sans-serif;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 3px
}
.btn-blue:hover,
.btn-blue:focus {
    border-color: #000
}
.form-top-group {
    margin-top: 20px
}
.custom-select {
    position: relative
}
.custom-select .custom-select-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: #F0F5F9;
    pointer-events: none;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}
.custom-select .custom-select-arrow .svg,
.custom-select .custom-select-arrow .svg--logo,
.custom-select .custom-select-arrow .svg--logo-black,
.custom-select .custom-select-arrow .svg--arrow-left,
.custom-select .custom-select-arrow .svg--arrow-right,
.custom-select .custom-select-arrow .svg--arrow-right-black,
.custom-select .custom-select-arrow .svg--view,
.custom-select .custom-select-arrow .svg--scroll,
.custom-select .custom-select-arrow .svg--play,
.custom-select .custom-select-arrow .svg--gif {
    margin-top: 24px;
    margin-left: 8px
}
.form-group {
    margin-bottom: 30px
}
label.label {
    display: block;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px;
    margin-left: -1px;
    color: #969696
}
.form-group:hover label.label {
    color: #000
}
input[type="text"].form-control,
input[type="password"].form-control,
select.form-control,
textarea.form-control {
    outline: 0;
    height: 45px;
    border: 1px solid #C0C0C0;
    font-size: 14px;
    padding: 14px 16px;
    color: #6D7D88;
    background: #FFF
}
input[type="text"].form-control::-moz-placeholder,
input[type="password"].form-control::-moz-placeholder,
select.form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder {
    color: #6D7D88;
    opacity: 1
}
input[type="text"].form-control:-ms-input-placeholder,
input[type="password"].form-control:-ms-input-placeholder,
select.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
    color: #6D7D88
}
input[type="text"].form-control::-webkit-input-placeholder,
input[type="password"].form-control::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
    color: #6D7D88
}
input[type="text"].form-control:hover,
input[type="password"].form-control:hover,
select.form-control:hover,
textarea.form-control:hover {
    border-color: #000;
    color: #000
}
input[type="text"].form-control:hover::-moz-placeholder,
input[type="password"].form-control:hover::-moz-placeholder,
select.form-control:hover::-moz-placeholder,
textarea.form-control:hover::-moz-placeholder {
    color: #000;
    opacity: 1
}
input[type="text"].form-control:hover:-ms-input-placeholder,
input[type="password"].form-control:hover:-ms-input-placeholder,
select.form-control:hover:-ms-input-placeholder,
textarea.form-control:hover:-ms-input-placeholder {
    color: #000
}
input[type="text"].form-control:hover::-webkit-input-placeholder,
input[type="password"].form-control:hover::-webkit-input-placeholder,
select.form-control:hover::-webkit-input-placeholder,
textarea.form-control:hover::-webkit-input-placeholder {
    color: #000
}
input[type="text"].form-control.fill,
input[type="password"].form-control.fill,
select.form-control.fill,
textarea.form-control.fill {
    width: 100%
}
input[type="text"].form-control.fill-30,
input[type="password"].form-control.fill-30,
select.form-control.fill-30,
textarea.form-control.fill-30 {
    width: calc(100% - 30px)
}

input[type="text"].form-control.fill-15,
input[type="password"].form-control.fill-15,
select.form-control.fill-15,
textarea.form-control.fill-15 {
    width: calc(100% - 15px)
}

textarea.form-control {
    display: block;
    line-height: 1.444;
    padding-top: 10px;
    width: 100%;
    height: 150px
}
select.form-control {
    text-indent: 11px
}
.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.btn-group .btn+.btn {
    margin-left: -1px
}
.btn-group>.btn {
    position: relative;
    float: left
}
.btn-group>.btn:first-child {
    margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.btn-group>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}
.input-group .form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}
.input-group-btn {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    white-space: nowrap
}
.input-group-btn>.btn {
    position: relative
}
.input-group-btn:last-child>.btn {
    z-index: 2;
    margin-left: -1px
}
.input-group .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
body {
    -webkit-font-smoothing: antialiased;
    margin: 0
}
html {
    position: relative
}
.wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    height: 100%
}
.content {
    flex: 1 0 auto
}
.content.content-center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}
::selection {
    color: #fff;
    text-shadow: none;
    background-color: #444
}
footer {
    flex: 0 0 auto
}
:focus {
    outline: none
}
a:hover {
    text-decoration: none
}
.project-link {
    border-bottom: 1px solid #6f6f6f
}
a {
    color: #000;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s
}
a.active,
a:hover {
    outline-width: 0;
    opacity: .6
}
.feature-columns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}
.flex-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-item-size {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.liner-row {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1132px;
    margin-left: auto;
    margin-right: auto
}
/*@media (max-width: 1222px) {*/
/*    .liner-row {*/
/*        margin-left: 45px;*/
/*        margin-right: 45px*/
/*    }*/
/*}*/
/*@media (max-width: 1000px) {*/
/*    .liner-row {*/
/*        position: absolute;*/
/*        width: 910px*/
/*    }*/
/*}*/

@media (max-width: 1224px) {
    .liner-row {
        display: none;
    }
}

.liner-row .liner-col {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.05;
    width: 1px;
    height: 100%;
    background: #000
}
.liner-row .liner-col+.liner-col {
    left: 25%
}
.liner-row .liner-col+.liner-col+.liner-col {
    left: 50%
}
.liner-row .liner-col+.liner-col+.liner-col+.liner-col {
    left: 75%
}
.liner-row .liner-col+.liner-col+.liner-col+.liner-col+.liner-col {
    left: 100%
}
nav ul,
nav li {
    padding: 0;
    margin: 0
}
nav ul {
    list-style: none
}
nav ul:before,
nav ul:after {
    content: " ";
    display: table
}
nav ul:after {
    clear: both
}
nav ul li {
    float: left
}
nav ul li a {
    display: block
}
nav.top-menu {
    position: absolute;
    text-align: right;
    overflow: visible;
    top: 0;
    left: 0;
    width: 100%;
    /*min-width: 1000px;*/
    z-index: 5;
    padding: 60px 0px 40px;
    font-family: "Circe", sans-serif;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}
nav.top-menu .svg--logo-black {
    display: none
}
nav.top-menu a {
    position: relative;
    font-size: 14px;
    letter-spacing: 3px;
    color: #fff;
    opacity: .6;
    padding: 0 20px;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s
}
nav.top-menu a:hover {
    opacity: 1
}
nav.top-menu .active a {
    opacity: 1
}
nav.top-menu .top-logo {
    float: left;
    padding: 0;
    opacity: 1;
    padding-left: 40px;
}
nav.top-menu .top-contacts {
    position: absolute;
    top: 60px;
    right: 60px;
    -webkit-transition: top 0.4s;
    -o-transition: top 0.4s;
    transition: top 0.4s
}
nav.top-menu .top-contacts a {
    padding: 0
}
nav.top-menu .top-contacts .social-list {
    margin-top: -5px;
    display: none
}
nav.top-menu .top-contacts .social-list a {
    padding-left: 13px;
    padding-right: 0
}
nav.top-menu .top-contacts .social-list a:hover {
    opacity: .6
}
nav.top-menu .top-contacts.active>a {
    display: none
}
nav.top-menu .top-contacts.active .social-list {
    display: block
}
nav.top-menu .top-nav {
    display: block;
}
nav.top-menu.top-menu--white .svg--logo {
    display: none
}
nav.top-menu.top-menu--white .svg--logo-black {
    display: block
}
nav.top-menu.top-menu--white a {
    color: #000
}
nav.top-menu.top-menu--fixed {
    position: fixed;
    background: #FFF;
    height: 100px;
    padding-top: 43px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
nav.top-menu.top-menu--fixed .svg--logo {
    /*display: none*/
    height: 63px;
    transition: height 0.6s ease;
}
nav.top-menu.top-menu--fixed .svg--logo-black {
    display: block
}
nav.top-menu.top-menu--fixed .top-contacts {
    top: 43px
}
nav.top-menu.top-menu--fixed a {
    color: #000
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[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
}
header {
    position: relative
}
.panel-header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 600px;
    height: 100vh;
    min-height: 600px;
    background: #000000
}
/*@media (max-width: 1000px) {*/
/*    .panel-header {*/
/*        width: 1000px*/
/*    }*/
/*}*/
.panel-header .liner-row {
    position: absolute;
    width: auto;
    z-index: 12;
}
.panel-header .liner-col {
    opacity: 0.04;
    background: #fff
}
.panel-header .panel-header-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.panel-header .panel-header-item-image {
    position: absolute;
    /*width: 100%;*/
    height: 100%;
    left:0;
    right:0;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.panel-header .panel-header-item-panel {
    position: relative;
    height: 100%;
    max-width: 1132px;
    margin: 0 auto;
    z-index:11;
}
@media (max-width: 1222px) {
    .panel-header .panel-header-item-panel {
        margin-left: 45px;
        margin-right: 45px
    }
}
.panel-header .panel-header-item-before {
    position: absolute;
    z-index: 3;
    overflow: hidden;
    line-height: 1;
    left: -1px;
    top: 50%;
    height: 210px;
    width: 210px;
    margin-top: -20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.panel-header .panel-header-item-before .panel-header-item-before-num {
    position: absolute;
    color: #FFF;
    font-family: "BentonSans-Light", sans-serif;
    font-size: 260px;
    line-height: 1;
    left: -82px;
    top: 0;
    opacity: .25
}
.panel-header .panel-header-item-text {
    font-family: 'Circe-ExtraLight';
    position: relative;
    display: inline-block;
    z-index: 3;
    top: 50%;
    left: 25%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 72px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 80px
}
.panel-header .panel-header-item-text span {
    /*display: inline-block;*/
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.26);*/
    /*height: 73px*/
    font-family: "Circe", sans-serif;
}
.panel-header .panel-header-footer {
    position: absolute;
    padding: 0 60px 60px;
    z-index: 3;
    left: 0;
    width: 100%;
    bottom: 0
}
.panel-header .panel-header-footer .panel-header-footer-social a {
    display: inline-block;
    margin-right: 25px;
    opacity: .5;
    color: #FFF;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s
}
.panel-header .panel-header-footer .panel-header-footer-social a:hover {
    opacity: 1
}
.panel-header .panel-header-footer .panel-header-footer-scroll {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11px
}
.panel-header .panel-header-footer .panel-header-footer-copy {
    float: right
}
.panel-header .panel-header-footer .panel-header-footer-copy {
    color: #FFF
}
.panel-images {
    position: relative;
    overflow: hidden;
    z-index: 4;
    text-align: center;
    width: 100%;
    height: 350px
}
.panel-images img {
    position: relative;
    height: 100%
}
.panel-images .panel-images-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}
.panel-images .panel-images-hover .svg,
.panel-images .panel-images-hover .svg--logo,
.panel-images .panel-images-hover .svg--logo-black,
.panel-images .panel-images-hover .svg--arrow-left,
.panel-images .panel-images-hover .svg--arrow-right,
.panel-images .panel-images-hover .svg--arrow-right-black,
.panel-images .panel-images-hover .svg--view,
.panel-images .panel-images-hover .svg--scroll,
.panel-images .panel-images-hover .svg--play,
.panel-images .panel-images-hover .svg--gif {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.panel-images:hover .panel-images-hover {
    opacity: 1
}
.panel-images-panel {
    position: absolute;
    text-align: left;
    left: 40px;
    bottom: 40px
}
.panel-images-panel-title {
    font-size: 36px;
    line-height: 1;
    color: #FFFFFF;
    margin-bottom: 15px
}
.panel-images-panel-description {
    font-size: 18px;
    line-height: 1.77778;
    color: #C3C3C3
}
.panel-images-row {
    margin-left: -37px;
    margin-right: -37px;
    margin-bottom: 74px
}
.panel-images-row:last-of-type {
    margin-bottom: 0
}
.panel-images-row .col-xs-4 {
    width: 35.158%
}
.panel-images-row .col-xs-8 {
    width: 64.842%
}
.panel-images-row .col-xs-4,
.panel-images-row .col-xs-8 {
    padding-left: 37px;
    padding-right: 37px
}
.panel-images-link {
    display: block;
    font-size: 24px;
    line-height: 1.25;
    color: #000;
    margin-top: 85px
}
.panel-images-link .svg,
.panel-images-link .svg--logo,
.panel-images-link .svg--logo-black,
.panel-images-link .svg--arrow-left,
.panel-images-link .svg--arrow-right,
.panel-images-link .svg--arrow-right-black,
.panel-images-link .svg--view,
.panel-images-link .svg--scroll,
.panel-images-link .svg--play,
.panel-images-link .svg--gif {
    margin-left: 10px
}
.panel-project {
    margin-top: 50px;
    padding-top: 153px
}
.panel-project a {
    position: relative;
    z-index: 4
}
.panel-project .panel-project-title {
    position: relative;
    z-index: 3;
    font-size: 54px;
    line-height: 1;
    color: #000
}
.panel-project .panel-project-text {
    position: relative;
    z-index: 3;
    font-size: 24px;
    line-height: 1.66667;
    color: #6F6F6F;
    margin-top: 17px;
    margin-bottom: 117px
}
.panel-project .panel-project-text:before {
    position: absolute;
    content: " ";
    height: 1px;
    width: 40px;
    top: 17px;
    left: -100px;
    background: #DCDCDC
}
.panel-project .panel-project-gif {
    position: relative;
    background: #181818;
    margin-bottom: 130px;
    height: 755px
}
.panel-project .panel-project-gif:after {
    position: absolute;
    content: " ";
    top: 45px;
    left: 50%;
    margin-left: -163.5px;
    width: 327px;
    height: 666px;
    background: url("/images/projects/base/iphone@2x.png") no-repeat center center;
    background-size: 327px 666px
}
.panel-project .panel-project-gif:before {
    display: block;
    position: absolute;
    content: " ";
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #181818;
    opacity: .5;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s
}
.panel-project .panel-project-gif .panel-project-gif-preview {
    position: absolute;
    z-index: 1;
    top: 130px;
    left: 50%;
    margin-left: -140.5px;
    width: 281px
}
.panel-project .panel-project-gif img {
    display: block;
    width: 100%
}
.panel-project .panel-project-gif .svg--play {
    cursor: pointer;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.panel-project .panel-project-gif .svg--gif {
    position: absolute;
    z-index: 3;
    top: 30px;
    right: 30px
}
.panel-project .panel-project-gif.panel-project-gif-active:before {
    opacity: 0
}
.panel-project .panel-project-gif.panel-project-gif-active .svg--play {
    opacity: 0;
    pointer-events: none
}
.panel-project .panel-project-gif.panel-project-gif--ipad:after {
    background-image: url("/images/projects/base/ipad@2x.png");
    top: 64px;
    margin-left: -221px;
    width: 442px;
    height: 627px;
    background-size: 442px 627px
}
.panel-project .panel-project-gif.panel-project-gif--ipad .panel-project-gif-preview {
    top: 121px;
    margin-left: -192.5px;
    width: 385px;
    height: 512px;
    overflow: hidden
}
.panel-project .panel-project-gif.panel-project-gif--ipad-h {
    height: 690px
}
.panel-project .panel-project-gif.panel-project-gif--ipad-h:after {
    background-image: url("/images/projects/base/ipad-h@2x.png");
    top: 153px;
    margin-left: -313.5px;
    width: 627px;
    height: 442px;
    background-size: 627px 442px
}
.panel-project .panel-project-gif.panel-project-gif--ipad-h .panel-project-gif-preview {
    top: 182px;
    margin-left: -255px;
    width: 512px;
    height: 385px;
    overflow: hidden
}
.panel-project .panel-project-content-title {
    position: relative;
    z-index: 3;
    font-size: 54px;
    line-height: 1;
    color: #000;
    margin-left: -4px;
    margin-bottom: 17px
}
.panel-project .panel-project-content-text {
    position: relative;
    z-index: 3;
    margin-bottom: 110px;
    padding-right: 20px
}
.panel-project .panel-project-content-text p {
    font-size: 24px;
    line-height: 1.66667;
    color: #6F6F6F;
    padding: 10px 0
}
.panel-project .panel-project-img {
    position: relative;
    margin-bottom: 110px;
    background: #181818;
    height: 755px
}
.panel-project .panel-project-img:after {
    position: absolute;
    content: " ";
    top: 45px;
    left: 50%;
    margin-left: -163.5px;
    width: 327px;
    height: 666px;
    background: url("/images/projects/base/iphone@2x.png") no-repeat center center;
    background-size: 327px 666px
}
.panel-project .panel-project-img img {
    position: absolute;
    z-index: 1;
    top: 130px;
    left: 50%;
    margin-left: -140.5px;
    width: 281px
}
.panel-project .panel-project-img.panel-project-img--ipad:after {
    background-image: url("/images/projects/base/ipad@2x.png");
    top: 64px;
    margin-left: -221px;
    width: 442px;
    height: 627px;
    background-size: 442px 627px
}
.panel-project .panel-project-img.panel-project-img--ipad img {
    top: 121px;
    margin-left: -192.5px;
    width: 385px;
    height: 512px;
    overflow: hidden
}
.panel-project .panel-project-img.panel-project-img--ipad-h {
    height: 690px
}
.panel-project .panel-project-img.panel-project-img--ipad-h:after {
    background-image: url("/images/projects/base/ipad-h@2x.png");
    top: 124px;
    margin-left: -313.5px;
    width: 627px;
    height: 442px;
    background-size: 627px 442px
}
.panel-project .panel-project-img.panel-project-img--ipad-h img {
    top: 153px;
    margin-left: -255px;
    width: 512px;
    height: 385px;
    overflow: hidden
}
.panel-project .panel-project-full {
    position: relative;
    margin-bottom: 110px
}
.panel-project .panel-project-full img {
    display: block;
    width: 100%
}
.panel-project .panel-project-images {
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 100px
}
.panel-project .panel-project-images .col-xs-4 {
    width: 35.158%
}
.panel-project .panel-project-images .col-xs-8 {
    width: 64.842%
}
.panel-project .panel-project-images .col-xs-4,
.panel-project .panel-project-images .col-xs-8 {
    padding-left: 40px;
    padding-right: 40px
}
.panel-project .panel-project-images .panel-project-content-title {
    margin-top: 70px
}
.panel-project .panel-project-images.panel-project-images--right .panel-project-content-title {
    text-align: right;
    margin-right: -3px
}
.panel-project .panel-project-images.panel-project-images--right .panel-project-content-text {
    text-align: right;
    padding-right: 0
}
.panel-project .panel-project-images.panel-project-images--right .panel-project-slider .slick-dots {
    text-align: left
}
.panel-project .panel-project-images.panel-project-images--right .panel-project-slider .slick-dots a {
    margin-right: 46px;
    margin-left: 0
}
.panel-project .panel-project-slider .panel-project-slider-wrap {
    position: relative;
    overflow: hidden;
    background: #181818;
    z-index: 1;
    height: 690px;
    width: 100%
}
.panel-project .panel-project-slider .panel-project-slider-wrap:after {
    position: absolute;
    content: " ";
    top: 63px;
    left: 50%;
    margin-left: -163.5px;
    width: 327px;
    height: 666px;
    background: url("/images/projects/base/iphone@2x.png") no-repeat center center;
    background-size: 327px 666px
}
.panel-project .panel-project-slider .panel-project-slider-list {
    position: absolute;
    z-index: 1;
    top: 148px;
    left: 50%;
    margin-left: -140.5px;
    width: 281px
}
.panel-project .panel-project-slider img {
    width: 100%
}
.panel-project .panel-project-slider .slick-dots {
    text-align: right;
    margin: 0;
    padding: 0;
    margin-top: 40px;
    list-style: none
}
.panel-project .panel-project-slider .slick-dots li {
    display: inline-block;
    margin: 0;
    padding: 0
}
.panel-project .panel-project-slider .slick-dots a {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100px;
    margin-left: 46px
}
.panel-project .panel-project-slider .slick-dots a img {
    display: block;
    width: 100%
}
.panel-project .panel-project-slider .slick-dots a:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3;
    background: #181818;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.panel-project .panel-project-slider .slick-dots .slick-active {
    cursor: default
}
.panel-project .panel-project-slider .slick-dots .slick-active a:before {
    opacity: 0
}
.panel-project .panel-project-slider.panel-project-slider--ipad .panel-project-slider-wrap:after {
    background-image: url("/images/projects/base/ipad@2x.png");
    top: 32px;
    margin-left: -221px;
    width: 442px;
    height: 627px;
    background-size: 442px 627px
}
.panel-project .panel-project-slider.panel-project-slider--ipad .panel-project-slider-list {
    top: 89px;
    margin-left: -192.5px;
    width: 385px;
    height: 512px;
    overflow: hidden
}
.panel-project .panel-project-slider.panel-project-slider--ipad-h .panel-project-slider-wrap {
    height: 580px
}
.panel-project .panel-project-slider.panel-project-slider--ipad-h .panel-project-slider-wrap:after {
    background-image: url("/images/projects/base/ipad-h@2x.png");
    top: 64px;
    margin-left: -314px;
    width: 627px;
    height: 442px;
    background-size: 627px 442px
}
.panel-project .panel-project-slider.panel-project-slider--ipad-h .panel-project-slider-list {
    top: 93px;
    margin-left: -255px;
    width: 512px;
    height: 385px;
    overflow: hidden
}
.panel-project-header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 600px;
    height: 100vh;
    min-height: 600px;
    background: #000000
}
.panel-project-header .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 600px;
    height: 100vh;
    min-height: 600px
}
/*@media (max-width: 1000px) {*/
/*    .panel-project-header {*/
/*        width: 1000px*/
/*    }*/
/*}*/
.panel-project-header .liner-row {
    position: absolute;
    width: auto
}
.panel-project-header .liner-col {
    opacity: 0.08;
    background: #fff
}
.panel-project-header .panel-project-header-item {
    width: 100%
}
.panel-project-header .panel-header-item-left {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-left: -514px
}
@media (max-width: 1222px) {
    .panel-project-header .panel-header-item-left {
        margin-left: 0;
        left: 97px
    }
}
.panel-project-header .panel-header-item-right {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-left: 481px
}
@media (max-width: 1222px) {
    .panel-project-header .panel-header-item-right {
        margin-left: 0;
        left: auto;
        right: 97px
    }
}
.panel-project-header .panel-header-item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.panel-project-header .panel-header-item-title {
    font-size: 54px;
    line-height: 1.6;
    color: #FFFFFF
}
.panel-project-header .panel-header-item-text {
    margin-top: 20px
}
.panel-project-header .panel-header-item-text .panel-header-item-text-title {
    font-size: 24px;
    line-height: 1.25;
    color: #FFFFFF;
    margin-bottom: 16px
}
.panel-project-header .panel-header-item-text .panel-header-item-text-description {
    opacity: 0.6;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    margin-bottom: 38px
}
.panel-projects {
    margin-top: 150px;
    margin-bottom: 160px
}
.panel-projects a {
    position: relative;
    z-index: 4
}
.panel-projects .panel-projects-title {
    position: relative;
    font-size: 36px;
    line-height: 1;
    color: #000;
    padding: 74px 0
}
.panel-numeric {
    margin-top: 30px;
    padding-top: 120px
}
.panel-numeric a {
    position: relative;
    z-index: 4
}
.panel-numeric .panel-numeric-title {
    position: relative;
    z-index: 3;
    font-size: 54px;
    line-height: 1;
    color: #000
}
.panel-numeric .panel-numeric-title.small {
    font-size: 36px
}
.panel-numeric .panel-numeric-title .panel-numeric-before {
    position: absolute;
    overflow: hidden;
    line-height: 1;
    left: 0;
    top: -30px;
    height: 106px;
    width: 150px
}
.panel-numeric .panel-numeric-title .panel-numeric-before-num {
    position: absolute;
    color: #000;
    font-family: "BentonSans-Light", sans-serif;
    font-size: 132px;
    line-height: 1;
    left: -35px;
    top: 0;
    opacity: .05
}
.panel-numeric .panel-numeric-title .panel-numeric-title-alt {
    display: inline-block;
    outline: none;
    width: 36px;
    height: 36px;
    margin: -52px -6px -6px 12px;
    padding: 6px;
    line-height: 36px;
    color: #000;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s
}
.panel-numeric .panel-numeric-title .panel-numeric-title-alt:after {
    content: "\f0c1";
    display: block;
    font-family: "FontAwesome", sans-serif;
    font-size: 24px;
    line-height: 1
}
.panel-numeric .panel-numeric-title:hover .panel-numeric-title-alt {
    opacity: .6
}
.panel-numeric .panel-numeric-description {
    position: relative;
    z-index: 3;
    margin-top: 63px;
    font-size: 18px;
    /*font-size: 24px;*/
    color: #6F6F6F;
    line-height: 1.66667
}
.panel-numeric .panel-numeric-description a {
    color: #000
}
.panel-numeric .panel-numeric-description+.panel-numeric-description {
    margin-top: 28px
}
.panel-numeric .panel-numeric-text {
    position: relative;
    z-index: 3;
    font-size: 24px;
    line-height: 1.66667;
    color: #6F6F6F;
    margin-top: 17px
}
.panel-numeric .panel-numeric-text:before {
    /*position: absolute;*/
    /*content: " ";*/
    /*height: 1px;*/
    /*width: 40px;*/
    /*top: 17px;*/
    /*left: -100px;*/
    /*background: #DCDCDC*/
}
.panel-numeric .panel-numeric-num {
    position: relative;
    font-size: 62px;
    margin-left: -3px;
    line-height: 1;
    color: #000;
    margin-top: 43px
}
.panel-numeric .panel-numeric-desc {
    font-size: 18px;
    color: #6F6F6F;
    line-height: 1
}
.panel-numeric .panel-numeric-clients {
    position: relative;
    z-index: 4;
    margin-bottom: 90px
}
.panel-numeric .panel-numeric-clients.last {
    margin-bottom: 0
}
.panel-numeric .panel-numeric-images {
    margin-top: 77px
}
.panel-numeric .panel-numeric-form {
    position: relative;
    z-index: 3
}
.panel-numeric .panel-numeric-maps {
    position: relative;
    z-index: 3;
    margin-left: 1px
}
.panel-numeric .panel-numeric-maps .google-map {
    width: 100%;
    height: 381px
}
.panel-team {
    margin-top: 76px
}
.panel-team .panel-team-big {
    position: relative;
    z-index: 3;
    height: 343px;
    width: 100%;
    max-width: 414px;
    border: 1px solid #DEDEDE
}
.panel-team .panel-team-big .panel-team-image {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.panel-team .panel-team-big .panel-team-image img {
    position: relative;
    height: 100%
}
.panel-team .panel-team-big .panel-team-name,
.panel-team .panel-team-big .panel-team-type {
    position: absolute;
    left: 100%;
    margin-left: -111px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.panel-team .panel-team-big .panel-team-name {
    font-size: 24px;
    line-height: 1;
    color: #000;
    bottom: 70px
}
.panel-team .panel-team-big .panel-team-type {
    font-size: 18px;
    line-height: 1;
    color: #6F6F6F;
    bottom: 40px
}
.panel-team .panel-team-big .panel-team-image,
.panel-team .panel-team-big .panel-team-name,
.panel-team .panel-team-big .panel-team-type {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}
.panel-team .panel-team-big .panel-team-image.team--hide,
.panel-team .panel-team-big .panel-team-name.team--hide,
.panel-team .panel-team-big .panel-team-type.team--hide {
    opacity: 0
}
.panel-team .panel-team-list:before,
.panel-team .panel-team-list:after {
    content: " ";
    display: table
}
.panel-team .panel-team-list:after {
    clear: both
}
.panel-team .panel-team-list a {
    display: block;
    overflow: hidden;
    float: left;
    width: 50%;
    height: 50%;
    margin-bottom: 45px
}
.panel-team .panel-team-list a img {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #DEDEDE
}
.panel-team .panel-team-list a:nth-of-type(even) {
    transform: translateY(25px)
}
.panel-team .panel-team-list a:last-of-type {
    margin-right: 0
}
footer {
    padding-top: 120px;
    padding-bottom: 20px;
}
/*footer.footer-background {*/
/*    height: 500px;*/
/*    background-position: center bottom;*/
/*    background-repeat: no-repeat;*/
/*    background-image: url("/images/footer/background.jpg");*/
/*    background-color: #000;*/
/*    margin-top: 150px;*/
/*}*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),*/
/*only screen and (min--moz-device-pixel-ratio: 2),*/
/*only screen and (-o-min-device-pixel-ratio: 2 / 1),*/
/*only screen and (min-device-pixel-ratio: 2),*/
/*only screen and (min-resolution: 192dpi),*/
/*only screen and (min-resolution: 2dppx) {*/
/*    footer.footer-background {*/
/*        background-image: url("/images/footer/background@2x.jpg");*/
/*        background-size: 1600px auto*/
/*    }*/
/*}*/
/*@media (max-width: 1000px) {*/
/*    footer {*/
/*        width: 1000px*/
/*    }*/
/*}*/
footer .row {
    position: relative;
    z-index: 3
}
footer .footer-social a {
    display: inline-block;
    margin-right: 25px;
    opacity: .5;
    color: #FFF;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s
}
footer .footer-social a:hover {
    opacity: 1
}
footer .footer-copy {
    text-align: center;
    color: #000;
    font-family: "Circe", sans-serif;
}
footer .footer-maker {
    float: right;
    color: #FFF;
    font-family: "Circe", sans-serif;
}
.animate {
    visibility: hidden
}
.animated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@keyframes counts-number {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes counts-number {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.counts-number {
    -webkit-animation-name: counts-number;
    animation-name: counts-number;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@keyframes part-marker {
    0% {
        opacity: 0;
        transform: translateX(-15px)
    }
    100% {
        opacity: .05;
        transform: translateX(0)
    }
}
@-webkit-keyframes part-marker {
    0% {
        opacity: 0;
        transform: translateX(-15px)
    }
    100% {
        opacity: .05;
        transform: translateX(0)
    }
}
.panel-numeric-before-num {
    -webkit-animation-name: part-marker;
    animation-name: part-marker;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}
@keyframes team-photo {
    0% {
        transform: translateY(0)
    }
    30% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(25px)
    }
}
@-webkit-keyframes team-photo {
    0% {
        transform: translateY(0)
    }
    30% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(25px)
    }
}
.panel-team-item {
    visibility: visible !important;
    -webkit-animation-name: team-photo;
    animation-name: team-photo;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    -webkit-animation-duration: .35s;
    animation-duration: .35s
}
@keyframes panel-header-item-panel {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
@-webkit-keyframes panel-header-item-panel {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.panel-header-item-panel,
.panel-project-header-item {
    -webkit-animation-name: panel-header-item-panel;
    animation-name: panel-header-item-panel;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}
.clearfix:before,
.clearfix:after {
    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
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.text-left {
    text-align: left
}
.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
}

.overlay{
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-color: rgba(0,0,0,0.7);
    z-index: 10;
}