/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
  border-bottom: none; /* 1 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 2 */
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:100;src:url(../fonts/IBMPlexMono-Thin-012aea69658e7a2706e8.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:100;src:url(../fonts/IBMPlexMono-ThinItalic-1ca7007563776a867dcd.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:200;src:url(../fonts/IBMPlexMono-ExtraLight-d636452b8b9cfac03f79.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:200;src:url(../fonts/IBMPlexMono-ExtraLightItalic-be6124ebe5874da99c23.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:300;src:url(../fonts/IBMPlexMono-Light-162ab1e6029db4beb906.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:300;src:url(../fonts/IBMPlexMono-LightItalic-ab4e231884d1beee7df1.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:400;src:url(../fonts/IBMPlexMono-Regular-e34159bc4a05b1b58ae2.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:400;src:url(../fonts/IBMPlexMono-Italic-ae2de845bd2e0cf5fc13.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:500;src:url(../fonts/IBMPlexMono-Medium-92630f6450efcebeffb0.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:500;src:url(../fonts/IBMPlexMono-Medium-92630f6450efcebeffb0.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:600;src:url(../fonts/IBMPlexMono-SemiBold-1e4725a6662b68b99b90.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:600;src:url(../fonts/IBMPlexMono-SemiBoldItalic-9b97018ef0dc808d72e8.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:700;src:url(../fonts/IBMPlexMono-Bold-b268f25c466e055c5cfb.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:700;src:url(../fonts/IBMPlexMono-BoldItalic-f7d17be8372bd1b19109.ttf) format("truetype");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:100;src:url(../fonts/IBMPlexMono-Thin-012aea69658e7a2706e8.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:100;src:url(../fonts/IBMPlexMono-ThinItalic-1ca7007563776a867dcd.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:200;src:url(../fonts/IBMPlexMono-ExtraLight-d636452b8b9cfac03f79.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:200;src:url(../fonts/IBMPlexMono-ExtraLightItalic-be6124ebe5874da99c23.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:300;src:url(../fonts/IBMPlexMono-Light-162ab1e6029db4beb906.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:300;src:url(../fonts/IBMPlexMono-LightItalic-ab4e231884d1beee7df1.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:400;src:url(../fonts/IBMPlexMono-Regular-e34159bc4a05b1b58ae2.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:400;src:url(../fonts/IBMPlexMono-Italic-ae2de845bd2e0cf5fc13.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:500;src:url(../fonts/IBMPlexMono-Medium-92630f6450efcebeffb0.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:500;src:url(../fonts/IBMPlexMono-Medium-92630f6450efcebeffb0.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:600;src:url(../fonts/IBMPlexMono-SemiBold-1e4725a6662b68b99b90.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:600;src:url(../fonts/IBMPlexMono-SemiBoldItalic-9b97018ef0dc808d72e8.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:normal;font-weight:700;src:url(../fonts/IBMPlexMono-Bold-b268f25c466e055c5cfb.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

@font-face{font-family:'IBMPlexMono';font-style:italic;font-weight:700;src:url(../fonts/IBMPlexMono-BoldItalic-f7d17be8372bd1b19109.ttf) format("truetype");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}

.input-group{position:relative;margin-bottom:65px;width:45%}

.input-group.comment{width:100%}

.input-group input{font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid white;background:transparent;color:white}
.input-group textarea{font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid white;background:transparent;color:white}

.input-group input:focus{outline:none}
.input-group textarea:focus{outline:none}

.input-group input:focus ~ .bar:before,.input-group input:focus ~ .bar:after{width:50%}
.input-group textarea:focus ~ .bar:before,.input-group textarea:focus ~ .bar:after{width:50%}

.input-group input:focus ~ label,.input-group input:not(:placeholder-shown) ~ label{top:-20px;font-size:14px;color:white}
.input-group textarea:focus ~ label,.input-group textarea:not(:placeholder-shown) ~ label{top:-20px;font-size:14px;color:white}

.input-group input::-webkit-input-placeholder,
.input-group textarea::-webkit-input-placeholder {
  opacity: 0;
}
/* Chrome <=56, Safari < 10 */
.input-group input:-moz-placeholder,
.input-group input:-moz-placeholder {
  opacity: 0;
}
/* FF 4-18 */
.input-group input::-moz-placeholder,
.input-group input::-moz-placeholder {
  opacity: 0;
}
/* FF 19-51 */
.input-group input:-ms-input-placeholder,
.input-group input:-ms-input-placeholder {
  opacity: 0;
}
/* IE 10+ */
.input-group input::placeholder,
.input-group input::placeholder {
  opacity: 0;
}

.input-group label{color:white;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;-o-transition:0.2s ease all;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}

.input-group .bar{position:relative;display:block;width:100%;}

.input-group .bar:before,.input-group .bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;-o-transition:0.2s ease all;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}

.input-group .bar:before{left:50%}

.input-group .bar:after{right:50%}

.input-group .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:0.5}

.checkbox-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}

.checkbox-group .checkbox{margin-top:30px;margin-right:18px}

.checkbox-group input{display:none}

.checkbox-group input:checked+label{background-color:#3c4ac9;border-color:#3c4ac9}

.checkbox-group label{border:1px solid white;border-radius:100px;padding:8px 34px;color:white;cursor:pointer}

.input-file{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}

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

html{font-family:'IBMPlexMono', monospace;scroll-behavior:smooth}

body{background-color:#121212}

.hidden{display:none}

.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#050505;opacity:0;z-index:2;-webkit-transition:0.3;-o-transition:0.3;transition:0.3}

#header{position:fixed;width:100%;padding:0 64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:92px;z-index:900}

@media only screen and (min-width: 768px) and (max-width: 1119px){#header{padding:0 30px}}

@media only screen and (max-width: 767px){#header{padding:0 20px}}

#header .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#121212;opacity:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}

#header .logo{z-index:2}

#header .nav__desktop{height:100%;z-index:2}

@media only screen and (max-width: 767px){#header .nav__desktop{display:none}}

#header .nav__desktop ul{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;list-style:none;margin:0;padding:0}

#header .nav__desktop ul li{height:100%;cursor:pointer;padding:0 20px}

@media only screen and (min-width: 768px) and (max-width: 1119px){#header .nav__desktop ul li{padding:0 10px}}

#header .nav__desktop ul li:hover{border-bottom:1px solid #3c4ac9}

#header .nav__desktop ul li:hover a{color:#3c4ac9}

#header .nav__desktop ul li:not(:last-child){margin-right:40px}

@media only screen and (min-width: 768px) and (max-width: 1119px){#header .nav__desktop ul li:not(:last-child){margin-right:10px}}
@media only screen and (min-width: 768px) and (max-width: 800px){#header .nav__desktop ul li:not(:last-child){margin-right:0px}}

#header .nav__desktop ul li a{font-size:14px;line-height:92px;display:inline-block;height:100%;color:#aeaeae;text-decoration:none}

#header .nav__mobile{display:none}

@media only screen and (max-width: 767px){#header .nav__mobile{display:block}}

#header .nav__mobile .nav__toggle{position:relative;display:block;width:20px;height:16px;margin-top:-7px;z-index:2}

#header .nav__mobile .nav__toggle>span,#header .nav__mobile .nav__toggle>span:after,#header .nav__mobile .nav__toggle>span:before{background-color:white;display:block;position:absolute;width:100%;height:2px;-webkit-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}

#header .nav__mobile .nav__toggle>span:after{content:'';top:7px}

#header .nav__mobile .nav__toggle>span::before{content:'';top:-7px}

#header .nav__mobile ul{list-style:none;position:absolute;top:0;left:0;width:calc(100% + 40px);height:100vh;padding:0;margin:0 -20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#121212;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}

#header .nav__mobile ul li:not(:last-child){margin-bottom:15px}

#header .nav__mobile ul li a{color:white;text-decoration:none;font-size:26px}

#header .nav__mobile ul li a:hover{color:#3c4ac9}

#header .nav__mobile #toggle{opacity:0}

#header .nav__mobile #toggle:checked+.nav__toggle>span{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

#header .nav__mobile #toggle:checked+.nav__toggle>span:before{top:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}

#header .nav__mobile #toggle:checked+.nav__toggle>span:after{top:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}

#header .nav__mobile #toggle:checked ~ ul{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

#header .buttons{z-index:2;}

@media only screen and (max-width: 767px){#header .buttons{display:none}}

.animation{position:relative;height:740px;padding-bottom:110px;padding-left:60px;padding-right:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}

@media only screen and (min-width: 768px) and (max-width: 1119px){.animation{height:444px;padding-bottom:60px;padding-left:30px;padding-right:30px}}

@media only screen and (max-width: 767px){.animation{height:343px;padding-bottom:30px;padding-left:20px;padding-right:20px}}

.animation h1{font-weight:bold;font-size:90px;line-height:100px;text-transform:uppercase;color:white;pointer-events:none;z-index:2}

@media only screen and (min-width: 768px) and (max-width: 1119px){.animation h1{font-size:67px;line-height:82px}}

@media only screen and (max-width: 767px){.animation h1{font-size:36px;line-height:48px}}

.animation h1 span{color:#3c4ac9}

.animation video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}

.animation .overlay{opacity:1;background:-webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, rgba(255,255,255,0)), to(rgba(0,0,0,0.8)));background:-o-linear-gradient(bottom, #000 0%, rgba(255,255,255,0) 60%, rgba(0,0,0,0.8) 100%);background:linear-gradient(0deg, #000 0%, rgba(255,255,255,0) 60%, rgba(0,0,0,0.8) 100%)}

.animation .animate{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out}

.animation .reveal{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.projects{display:grid;grid-template-columns:repeat(4, 1fr)}

@media only screen and (min-width: 768px) and (max-width: 1119px){.projects{grid-template-columns:repeat(2, 1fr);grid-gap:20px 20px}}

@media only screen and (max-width: 767px){.projects{grid-template-columns:1fr;grid-gap:10px 10px}}

.projects .project__container{height:340px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}

@media only screen and (max-width: 1119px){.projects .project__container{height:242px}}

.projects .project__container:hover>.overlay{opacity:0.45}

.projects .project__container:hover>.project__name h4{opacity:1}

.projects .project__container:hover>.project__name span{opacity:0.6}

.projects .project__container .project__name{position:absolute;bottom:25px;left:25px;z-index:800}

.projects .project__container .project__name h4{margin:0;font-weight:bold;font-size:20px;line-height:26px;color:white;opacity:0}

.projects .project__container .project__name span{font-size:12px;line-height:16px;color:white;opacity:0}

.projects img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}

.projects .project1{background-color:#407fb4;padding:31px 0 65px}

@media only screen and (max-width: 1119px){.projects .project1{padding:30px 0 54px}}

.projects .project1 img{-webkit-box-shadow:0px 10.2491px 15.8007px rgba(0,0,0,0.05);box-shadow:0px 10.2491px 15.8007px rgba(0,0,0,0.05)}

.projects .project2{background-image:url(../img/projects/project2-bg-b0baf20dffe7c946fc24.png);background-size:cover;background-repeat:no-repeat;padding:31px 0 65px}

@media only screen and (max-width: 1119px){.projects .project2{padding:30px 0 54px}}

.projects .project2 img{-webkit-box-shadow:-9.79314px 9.79314px 12.1435px rgba(0,0,0,0.04);box-shadow:-9.79314px 9.79314px 12.1435px rgba(0,0,0,0.04)}

.projects .project3{background-color:white;padding:36px 0 84px}

@media only screen and (max-width: 1119px){.projects .project3{padding:30px 0 54px}}

.projects .project3 img{-webkit-box-shadow:0px 16px 25px rgba(0,0,0,0.03);box-shadow:0px 16px 25px rgba(0,0,0,0.03)}

.projects .project4,.projects .project5{background-color:#d6d6d6}

.projects .projects .project6{background-image:url(../img/projects/project6-bg-3e343a7274194e6e55ee.png);background-size:cover;background-repeat:no-repeat}

.projects .projects .project6 img{position:absolute;right:0;bottom:0}

.projects .project7{background-image:url(../img/projects/project7-bg-527584fe8c115347ecc0.png);background-size:cover;background-repeat:no-repeat;padding-top:60px}

.projects .project7 img{margin-left:auto;-webkit-box-shadow:0px 16px 25px rgba(0,0,0,0.03);box-shadow:0px 16px 25px rgba(0,0,0,0.03)}

.projects .project8{background-color:white}

.services{margin:0 auto;padding-top:113px;padding-bottom:130px}

@media only screen and (min-width: 768px) and (max-width: 1119px){.services{padding-top:98px;padding-bottom:115px}}

@media only screen and (max-width: 767px){.services{padding-top:32px;padding-bottom:67px}}

.services .grid{grid-template-columns:repeat(3, 1fr);margin-bottom:88px}

@media only screen and (min-width: 768px) and (max-width: 1119px){.services .grid{grid-template-columns:repeat(2, 1fr)}}

@media only screen and (max-width: 767px){.services .grid{grid-template-columns:1fr}}

.services .grid:last-child{margin-bottom:0}

.services h2{font-weight:bold;font-size:36px;line-height:47px;text-transform:uppercase;color:white}

.services .service{padding:35px;border-bottom:0.5px solid #21275a;-webkit-box-sizing:border-box;box-sizing:border-box}

@media only screen and (min-width: 1120px){.services .service:nth-child(3n+1){padding-left:0;border-right:0.5px solid #21275a}}

@media only screen and (min-width: 768px) and (max-width: 1119px){.services .service:nth-child(2n+1){padding-left:0;border-right:0.5px solid #21275a}}

@media only screen and (min-width: 1120px){.services .service:nth-child(3n+3){padding-right:0;border-left:0.5px solid #21275a}}

@media only screen and (min-width: 1120px){.services .service:nth-child(n+4){border-bottom:0}}

@media only screen and (min-width: 768px) and (max-width: 1119px){.services .service:nth-child(n+5){border-bottom:0}}

.services h3.service__header{font-style:normal;font-weight:500;font-size:20px;line-height:26px;text-transform:uppercase;color:white}

.services p.service__body{font-weight:300;font-size:16px;line-height:21px;color:white;opacity:0.4}

.services .tagline{grid-column:1/3;font-size:24px;line-height:31px;color:white}

@media only screen and (max-width: 767px){.services .tagline{grid-column:1/2}}

.services .indicator .indicator__index{font-weight:bold;font-size:90px;line-height:100px;text-transform:uppercase;color:white}

.services .indicator .indicator__text{font-size:24px;line-height:31px;text-transform:uppercase;color:#3c4ac9}

.clients{margin:0 auto;padding-top:56px;padding-bottom:109px;background-color:white}

@media only screen and (min-width: 768px) and (max-width: 1119px){.clients{padding-top:98px;padding-bottom:115px}}

@media only screen and (max-width: 767px){.clients{padding-top:32px;padding-bottom:67px}}

.clients h2{font-weight:bold;font-size:36px;line-height:47px;text-transform:uppercase;color:black}

.clients .grid{grid-template-columns:repeat(5, 1fr);margin-top:75px}

@media only screen and (min-width: 1120px){.clients .grid{margin-bottom:110px}}

@media only screen and (min-width: 768px) and (max-width: 1119px){.clients .grid{grid-template-columns:repeat(3, 1fr)}}

@media only screen and (max-width: 767px){.clients .grid{grid-template-columns:repeat(2, 1fr)}}

.clients .client{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

@media only screen and (min-width: 768px) and (max-width: 1119px){.clients .client:nth-child(3n+1){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}

@media only screen and (min-width: 768px) and (max-width: 1119px){.clients .client:nth-child(3n+3){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}

.clients .client img{-o-object-fit:contain;object-fit:contain}

.brief{padding-top:0;padding-bottom:130px}

.brief h2{font-weight:bold;font-size:36px;line-height:47px;text-transform:uppercase;color:white;white-space:pre-line; margin: 0; padding: 0 0 1em;}

.brief .site-type span{font-weight:500;font-size:16px;line-height:21px;color:white;opacity:0.7}

.brief fieldset{margin-top:110px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:0;padding:0}

@media only screen and (max-width: 1119px){.brief fieldset{margin-top:40px}}

@media only screen and (max-width: 1119px){.brief fieldset .input-group{width:100%}}

.brief .input-file__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

.brief .input-file__container .input-file+label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:100px;border:1px solid white;padding:17px 27px;cursor:pointer}

.brief .input-file__container .input-file+label svg{margin-right:10px}

.brief .input-file__container .input-file+label span{font-style:normal;font-weight:300;font-size:16px;line-height:21px;color:white;opacity:1}

.brief .input-file__container .input-file__selected{font-weight:300;font-size:16px;line-height:21px;color:white;opacity:1;margin-left:25px;margin-right:10px}

.brief .input-file__container .input-file__remove:not(.hidden){opacity:1;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}

.brief .submit-button{padding:20px 52px;border:1px solid #3c4ac9;border-radius:100px;background-color:#3c4ac9;font-size:18px;line-height:23px;color:white}

@media only screen and (max-width: 767px){.brief .submit-button{margin-top:20px; white-space: normal;}}

.brief .submit-button:hover{background-color:#5263fb;border:1px solid #5263fb}

.brief video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}

.brief .container{ padding: 6em 0 0; }
.brief .container .bg-cont{ position: relative;background-color: #000;opacity: 0.8; padding: 2em; }

#footer{background-color:#3c4ac9;padding-top:57px;padding-bottom:40px}

#footer .container{position:relative}

#footer img.logo{position:absolute;right:0;top:0}

@media only screen and (max-width: 767px){#footer img.logo{display:none}}

#footer span.label{display:block;font-size:24px;line-height:31px;text-transform:uppercase;color:white}

#footer span.text{display:block;margin-bottom:50px;font-weight:bold;font-size:48px;line-height:62px;text-transform:uppercase;color:white}

@media only screen and (max-width: 767px){#footer span.text{font-size:38px;line-height:49px}}

#footer .copy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;line-height:18px;text-transform:uppercase;color:white;margin-top:35px}

@media only screen and (max-width: 767px){#footer .copy{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}

#footer .buttons button,#header .buttons button{outline:none;border:0;background:none;cursor:pointer; padding: 1px 5px;}

@media only screen and (min-width: 768px) and (max-width: 800px){ #footer .buttons button,#header .buttons button{padding: 1px 0;} }
@media only screen and (min-width: 768px) and (max-width: 1119px){section,footer{padding-left:30px;padding-right:30px}}

@media only screen and (max-width: 767px){section,footer{padding-left:20px;padding-right:20px}}

section{position:relative}

.anchor{position:absolute;left:0;top:-92px;height:92px;width:1px}

.container{margin:0 auto}

@media only screen and (min-width: 1120px){.container{width:1100px}}

.grid{display:grid}

.divider{height:0;width:100%;border-top:1px solid white;clear:both}

.modal__container{position:fixed;width:100%;height:100vh;top:0;left:0;overflow:scroll;visibility:hidden;z-index:1000}

.modal__container.show{visibility:visible}

.modal__container .modal{position:relative;width:100%;max-width:880px;margin:92px auto;background-color:white;padding:90px 60px}

.modal__container .modal .close{position:absolute;top:25px;right:25px;cursor:pointer}

.modal__container .modal h2{font-weight:bold;font-size:36px;line-height:47px;text-transform:uppercase;color:#121212}

.modal__container .modal h3{font-weight:500;font-size:24px;line-height:31px;text-transform:uppercase;color:#bdbdbd}

.modal__container .modal p{font-size:20px;line-height:30px;color:#333333}

.modal__container .modal a{font-weight:500;font-size:18px;line-height:23px;text-transform:uppercase;color:#3c4ac9;text-decoration:none}

.modal__container .modal .modal__image img{-o-object-fit:contain;object-fit:contain;width:100%}

.success_message{
  color: #ffffff;
  padding: 2em 0;
}

#ny_popup.modal__container .modal{
  padding: 0;
  border: 1px solid #ffffff;
  background-color: #000000;
  max-width: 580px;
  margin:92px auto 0;
  width: 90%;
}
#ny_popup.modal__container .modal IMG{
  width: 100%;
}
.modal__container .backdrop{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.7;
}