.title,
.jumbotronCl,
.summary,
.client_images,
.nextProject {
  background-color: #1E1E24;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.nextProject {
  background-color: #1370F4; }

.client_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #1E1E24;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  min-height: 20rem; }

.client_title_cont {
  width: 80%;
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 4rem 0 1rem 0;
  color: #8E8E8E; }

.client_title_cont a:hover {
  text-decoration: none;
  color: #1370F4; }

.client_title_cont h2 {
  color: #fff;
  margin: 0;
  padding: 0; }

.client_title_cont_name {
  width: 100%; }

.client_title_cont_name p {
  margin: 0; }

.client_title_cont_active {
  color: #1370F4; }

.jumbotronCl {
  height: 45vh;
  width: 100%;
  padding: 2rem 10%; }

.jumbotronCL_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.summary_cont {
  padding: 2rem 10%;
  color: #8E8E8E; }

.quote {
  color: #fff; }

.client_images {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem 10%;
  padding: 2rem 10% 5rem 10%;
  grid-row-gap: 2rem; }

.client_image_cont {
  height: 100%;
  width: 100%;
  /* display: flex;
  flex-direction: column;
  justify-content: space-between; */
  position: relative; }

.client_image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.nextProject {
  width: 100%;
  height: 12rem;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%; }

.nextProject_cont_name {
  padding: 1.2rem; }

.nextProject_cont_name h4 {
  color: #fff;
  margin: 0;
  line-height: 1.1em; }

.nextProject_cont_name h3 {
  color: #fff;
  margin: 0 0 1rem 0;
  font-size: 1em; }

.nextProject_cont_name p {
  color: #8E8E8E;
  margin: 0;
  font-size: .8em; }

.nextProject_cont_name a {
  text-decoration: none; }

@media (min-width: 1056px) {
  .client_title {
    min-height: 22rem; }
  .client_title_cont {
    padding: 10rem 0 5rem 0;
    width: 90%;
    display: grid;
    grid-template-columns: 50% 50%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-items: center; }
  .jumbotronCl {
    height: 75vh;
    padding: 2rem 5%; }
  .summary {
    display: grid;
    grid-template-columns: 50% 50%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-items: center; }
  .client_images {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-column-gap: 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 5% 5rem 5%;
    grid-row-gap: 2rem; }
  .client_image_long {
    grid-column-end: span 2; }
  .nextProject {
    background-color: #050512;
    height: 17rem;
    grid-template-columns: 80% 20%; }
  .nextProject:hover {
    background-color: #1370F4; }
  .nextProject_cont_name {
    padding: 3rem; }
  .nextProject_cont_name h3 {
    margin: 0 0 3.5rem 0;
    font-size: initial; }
  .nextProject_cont_name h4 {
    line-height: initial; }
  .nextProject_cont_name p {
    font-size: initial; } }

.jumbotron {
  position: relative;
  width: 100%;
  height: -webkit-calc(100vh - 6.5rem);
  height: calc(100vh - 6.5rem);
  /* margin: 0 auto; */ }

.jumbotron_img_descr {
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  color: #fff;
  padding-left: 4rem;
  visibility: visible;
  opacity: 1;
  z-index: 10;
  /* transition effect. not necessary */
  -webkit-transition: opacity .4s, visibility .4s;
  -o-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s; }

.jumbotron_img_descr.contrast {
  color: #000 !important; }

.bridge {
  position: relative;
  height: 60rem;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40% 60%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  background: #050512;
  overflow: hidden; }

.brige_pharse1_wrap {
  font-size: 1em;
  line-height: 3rem;
  color: #D5D5D5;
  padding: 0 8rem;
  text-align: center;
  margin: 6rem 0;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 10; }

.brige_pharse1_wrap.APPEAR {
  opacity: 1; }

.brige_pharse2_wrap {
  position: relative;
  width: 100%;
  margin-bottom: 12rem;
  z-index: 10; }

.brige_pharse2__items {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 30% 30% 30%;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.brige_pharse2__item {
  font-size: .8em;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }

.brige_pharse2__item.APPEAR {
  opacity: 1; }

.brige_pharse2__item p {
  text-align: center;
  font-size: 1.5em;
  color: #D5D5D5; }

.brige_pharse2__item p span {
  display: block; }

.projects_summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #1E1E24;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.projects_summary h3 {
  margin: 12rem 0; }

.projects_summary_viewAll {
  color: #1370F4;
  border-bottom: 2px solid #1370F4;
  cursor: pointer;
  padding: .3rem;
  text-decoration: none;
  margin-bottom: 10rem;
  font-size: 1.3em; }

.projects_summary_viewAll:hover {
  color: #448BF0;
  border-bottom: 2px solid #448BF0; }

.bridge_image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bridge_image svg {
  top: 0;
  left: 0;
  width: 60rem;
  height: 100%; }

@media (min-width: 1056px) {
  .bridge_image svg {
    width: 100rem; } }

@media (min-width: 1056px) {
  .jumbotron {
    height: -webkit-calc(100vh - 8rem);
    height: calc(100vh - 8rem); }
  .jumbotron_img_descr {
    font-size: 1.4em;
    bottom: 7rem;
    padding-left: 7rem;
    visibility: hidden;
    opacity: 0; }
  .jumbotron:hover .jumbotron_img_descr {
    visibility: visible;
    opacity: 1; }
  .bridge {
    height: 80rem; }
  .brige_pharse1_wrap {
    font-size: 1.2em;
    line-height: normal;
    margin: 0rem 0 12rem 0; }
  .brige_pharse2_wrap {
    margin-bottom: 16rem; }
  .brige_pharse2__item {
    margin: 0 9rem; }
  .brige_pharse2__items {
    grid-template-columns: 33% 33% 33%; }
  .projects_summary {
    height: 90vh;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 25% 55% 20%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center; }
  .bridge_image svg {
    width: 140rem; }
  .projects_summary_viewAll {
    margin-bottom: 8; } }

.privacy {
  background-color: #1E1E24;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5%; }

.privacy_cont h3 {
  padding: 4rem 0; }

.privacy_cont h4 {
  color: #8E8E8E; }

.privacy_cont p {
  color: #8E8E8E; }

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

html {
  font-size: 62.5%;
  /*if dflt 16px 1rem == 10px*/
  font-family: 'Manrope', sans-serif;
  margin: 0;
  color: #FFFCFC;
  background: #050512; }

body {
  font-size: 1.6em;
  margin: 0; }

main {
  margin-top: 7rem;
  /* background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */ }

h3 {
  font-weight: normal; }

a {
  text-decoration: none; }

/* CHANGE SELECTED TEXT COLOR */
::-moz-selection {
  /* Code for Firefox */
  background: #1370F4; }

::selection {
  background: #1370F4; }

.main-header {
  width: 100%;
  background: #050512;
  position: fixed;
  z-index: 20;
  margin-top: 0;
  top: 0;
  left: 0;
  -webkit-transition: height 0.25s ease-in-out;
  -o-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out;
  height: 7.4rem; }

.main-headerEXTRA {
  background: #860c91;
  padding: 20rem; }

.main-header__cont {
  width: 100%;
  height: 100%;
  padding: 0rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.main-brands__cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.main-header__brand {
  margin-left: 3.8rem;
  position: relative; }

.main-header__brand img {
  height: 2.64rem;
  margin: .7rem 0; }

.main-nav {
  display: none;
  margin-right: 7.5rem;
  margin-left: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40% 60%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center; }

.main-nav {
  display: none; }

.main-header__subBrand {
  display: none;
  margin-left: -webkit-calc(50vw - 272px);
  margin-left: calc(50vw - 272px); }

.main-header__subBrand img {
  fill: green; }

.main-nav__items {
  margin: 0;
  padding: 0;
  list-style: none; }

.main-nav__item {
  display: inline-block;
  margin: 0 1.5rem;
  font-size: 1em; }

.main-nav__item a,
.sidebar__item a {
  color: #8E8E8E;
  text-decoration: none;
  padding: 2px; }

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #050512;
  z-index: 15;
  display: none;
  grid-template-columns: 100%;
  grid-template-rows: 10% 60% 15% 15%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center; }

.sidebarAPPEAR {
  display: grid;
  -webkit-animation: fadeIn .8s;
  animation: fadeIn .8s; }

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

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

.sidebarDISAPPEAR {
  -webkit-animation: fadeOut .8s;
  animation: fadeOut .8s; }

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

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.sidebar__brand {
  justify-self: start;
  padding: 2rem; }

.sidebar__items {
  height: 100%;
  list-style: none;
  margin: 10% auto;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.sidebar__item {
  margin: 1rem 0; }

.sidebar__socials {
  margin: 0;
  padding: 0;
  list-style: none; }

.sidebar__socials a {
  text-decoration: none;
  color: #8E8E8E; }

.sidebar__socials_item {
  display: inline-block;
  margin: 0 1rem;
  font-size: 1em;
  color: #8E8E8E; }

.sidebar__socials_item a {
  text-decoration: none; }

.sidebar__item a {
  font-size: 1.8rem;
  color: #8E8E8E; }

.main-nav__item .active,
.sidebar__item a.active,
.main-nav__item a:hover,
.sidebar__item a:hover,
.sidebar__socials a:hover {
  color: #fff; }

.sidebar__lang {
  color: #8E8E8E;
  margin-bottom: 5rem; }

.sidebar__lang a,
.sidebar__lang a:visited {
  color: #8E8E8E; }

.sidebar__lang_act,
.footer_lang_act,
.sidebar__lang a:hover,
.sidebar__lang a:hover {
  font-weight: bold;
  color: #fff !important; }

.footer_mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8E8E8E;
  height: 28rem;
  background: #050512;
  font-size: 0.9em; }

.footer_mobile_logo {
  margin: 0; }

.footer_mobile_logo a img {
  width: 5rem; }

.footer_mobile_copy {
  text-align: center;
  color: #fff; }

.footer_mobile a {
  color: #8E8E8E;
  text-decoration: none; }

.footer_mobile a:active {
  text-decoration: none;
  color: #fff; }

.footer_mobile_copy a {
  color: #fff;
  text-decoration: underline; }

.footer_mobile_contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0 2rem; }

.footer_mobile_socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  width: 100%;
  padding: 0; }

.footer {
  display: none;
  min-height: -webkit-calc(50vh - 6.5rem);
  min-height: calc(50vh - 6.5rem);
  grid-template-rows: 70% 30%;
  grid-template-columns: 25% 25% 25% 25%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: start;
  background: #050512;
  background: -webkit-gradient(linear, left top, left bottom, from(#050512), color-stop(82%, #05053d), to(#0d0d6f));
  background: -webkit-linear-gradient(top, #050512 0%, #05053d 82%, #0d0d6f 100%);
  background: -o-linear-gradient(top, #050512 0%, #05053d 82%, #0d0d6f 100%);
  background: linear-gradient(180deg, #050512 0%, #05053d 82%, #0d0d6f 100%);
  padding: 10rem 0rem 2rem 8rem; }

.footer a {
  color: #8E8E8E;
  text-decoration: none; }

.footer a:active,
.footer a:hover {
  text-decoration: none;
  color: #fff; }

.footer_links {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding: 2rem 0; }

.footer_address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  padding: 2rem 0; }

.footer_address h4 {
  margin: 0;
  margin-bottom: .6rem; }

.footer_address p {
  color: #8E8E8E;
  line-height: .8rem; }

.footer_contact {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 80%;
  padding: 2rem 0;
  width: 100%;
  max-width: 30rem;
  min-width: 25rem; }

.footer_contact_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.footer_socials_links {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding: 2rem 8rem;
  width: 100%; }

.footer_socials__link h4 {
  margin: 0;
  margin-bottom: .6rem; }

.footer_copy {
  grid-column-end: span 2;
  justify-self: center; }

.footer_copy a {
  color: #fff;
  text-decoration: underline; }

.clients__cont {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: stretch;
  width: 80%;
  row-gap: 6rem;
  margin-bottom: 6rem; }

.clients__cont_cat {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: stretch;
  width: 80%;
  row-gap: 6rem;
  margin-bottom: 6rem;
  height: auto; }

.clients__cont_cat.expand {
  max-height: 100%; }

.clients__CARD {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative; }

.swipe_clients {
  width: 100%; }

.swiper-container {
  width: 100%; }

.swiper-container.jumbo_img_cont {
  height: 100%; }

.swiper-slide {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.swiper-slide.jumbo_img_slide {
  position: relative;
  padding-top: 30%;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.jumbo_img_cont > .swiper-wrapper {
  height: 100%; }

.clients__CARD__img {
  position: relative;
  padding-top: 70%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.clients__CARD__img__descr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(19, 112, 244, 0.85);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  margin: 0;
  text-decoration: none;
  -webkit-transition: opacity .4s, visibility .4s;
  -o-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s;
  line-height: 3.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 3rem; }

.clients__CARD__img:hover .clients__CARD__img__descr {
  visibility: visible;
  opacity: 1; }

.burger-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1.8rem;
  margin-left: auto; }

.clients__CARD {
  position: relative;
  visibility: hidden; }

.come-in {
  -webkit-transform: translateY(300px);
  -ms-transform: translateY(300px);
  transform: translateY(300px);
  -webkit-animation: come-in 0.8s ease forwards;
  animation: come-in 0.8s ease forwards;
  visibility: visible; }

.come-in:nth-child(odd) {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s; }

.already-visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: none;
  animation: none;
  visibility: visible; }

@-webkit-keyframes come-in {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes come-in {
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.error_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 50vh;
  width: 100%;
  background-color: #1E1E24;
  padding-top: 8rem; }

.error_msg1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.error_msg1 p {
  font-size: 3em;
  margin: 0 2rem; }

.error_msg2 {
  margin: 3rem;
  text-align: center; }

.error_anc {
  margin: 3rem; }

.error_anc a {
  color: #1370F4;
  border-bottom: 1px solid #1370F4;
  cursor: pointer;
  padding: .3rem;
  text-decoration: none;
  margin-bottom: 10rem;
  font-size: 1.3em; }

.animation_video {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  background-color: black;
  z-index: 500;
  -webkit-animation: hideMe 2s forwards;
  animation: hideMe .8s forwards;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.animation_video video {
  width: 100%; }

@keyframes hideMe {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    z-index: -50; } }

@-webkit-keyframes hideMe {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    z-index: -50; } }

@media (min-width: 1056px) {
  main {
    margin-top: 8rem; }
  .burger-cont {
    display: none; }
  .main-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 3.5rem; }
  .main-nav__item a {
    padding: 1.7rem; }
  .main-header {
    height: 11.8rem; }
  .main-header__cont {
    height: auto; }
  .main-header__brand {
    padding: 1.7rem;
    /* margin-left: 8rem; */ }
  .main-header__cont {
    padding: 2.6rem 1rem; }
  .sidebar {
    display: none; }
  .footer_mobile {
    display: none; }
  .footer {
    display: grid; }
  .clients__cont {
    grid-template-columns: 32% 32% 32%;
    grid-template-rows: auto;
    justify-items: stretch;
    width: 90%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.5rem; }
  .clients__cont_cat {
    grid-template-columns: 32% 32% 32%;
    grid-template-rows: auto;
    justify-items: stretch;
    width: 90%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.5rem; }
  .animation_video video {
    width: auto; }
  .main-header__subBrand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.us,
.client_list,
.cta {
  background-color: #1E1E24;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10%; }

.us_out_cont {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-row-gap: 2rem;
  border-bottom: 2px solid #1370F4;
  padding: 0 0 6rem 0; }

.us_cont p {
  color: #8E8E8E;
  font-size: 1em;
  line-height: 1.8em; }

.us_cont h5 {
  margin-top: 3rem;
  color: #1370F4; }

.us_title {
  padding: 4rem 0; }

.us ul {
  list-style: none;
  color: #8E8E8E;
  padding: 0; }

.us ul li {
  margin-bottom: .5em; }

.us_subTitle {
  padding: 2rem 0; }

.client_list_titles {
  margin: 5rem 0 2rem 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%; }

.client_list_titles p {
  color: #8E8E8E; }

.client_list_titles h3 {
  color: #1370F4; }

.client_list_detail {
  width: 100%; }

.client_list_detail ul {
  list-style: none;
  color: #8E8E8E;
  padding: 0;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1; }

.client_list_detail ul li {
  margin-bottom: .5em; }

.cta a,
.cta a:active {
  font-size: 1.3em;
  color: #1370F4;
  border-bottom: 2px solid #1370F4;
  margin: 4rem 0;
  cursor: pointer;
  text-decoration: none; }

.cta a:hover {
  color: #448BF0;
  border-bottom: 2px solid #448BF0; }

.cta a p {
  margin: .5rem;
  text-align: center; }

.cta a p span {
  display: block; }

.cta:hover {
  color: #1370F4; }

@media (min-width: 672px) {
  .client_list_detail ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 20vw;
    -moz-column-width: 20vw;
    column-width: 20vw; } }

@media (min-width: 1056px) {
  .us,
  .client_list {
    padding: 0 5%; }
  .us_out_cont {
    grid-template-columns: 50% 40%;
    grid-template-rows: auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 14rem;
    padding: 0 0 10vh 0;
    height: -webkit-calc(95vh - 8rem);
    height: calc(95vh - 8rem); }
  .us_cont_services {
    padding-bottom: 4rem; }
  .us_title,
  .us_subTitle {
    padding: 10vh 0; }
  .client_list_detail ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }
  .cta a p span {
    display: inline-block; } }

.work {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #1E1E24;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.work_headers_container {
  width: 100%;
  height: 20rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.work_headers {
  width: 36rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 0 1rem;
  position: relative; }

.work_headers a,
.work_filter a,
.category_filter a {
  text-decoration: none;
  color: #D5D5D5;
  cursor: pointer; }

.work_headers a:hover {
  text-decoration: none;
  color: #fff; }

.work_headers h3 {
  margin: 0 3rem;
  padding: 0; }

.work_filter {
  width: 80%;
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.category_title_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.category_title_container h3 {
  margin: 0; }

.work_filter_back {
  color: #1370F4;
  font-size: 2.2em;
  margin: 0rem .5rem .5rem 0;
  text-decoration: none; }

.work_filter_back:hover {
  color: #448BF0; }

.work_filter a:hover {
  text-decoration: none;
  color: #1370F4; }

.work_filter h3 {
  margin: 0;
  margin-left: 3rem;
  padding: 0; }

.work_filter_active {
  color: #1370F4; }

.category_filter {
  width: 80%;
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.category_filter > a:hover {
  text-decoration: none;
  color: #1370F4; }

.category_filter > h3 {
  margin: 0;
  padding: 0; }

.category_filter_active {
  color: #1370F4; }

.category__sel {
  width: 80%;
  height: 12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.category__sel > a:hover {
  text-decoration: none;
  color: #1370F4; }

.category__sel > h3 {
  margin: 0;
  padding: 0; }

.category__sel_filter {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.category__sel_filter h3 {
  margin-left: 0;
  margin-right: 3rem; }

.work_line_selector {
  width: 11rem;
  height: .2rem;
  background-color: #1370F4;
  position: absolute;
  bottom: 8.5rem;
  left: 3.5rem;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.moveRight {
  -webkit-transform: translateX(16.5rem);
  -ms-transform: translateX(16.5rem);
  transform: translateX(16.5rem); }

@media (min-width: 1056px) {
  .work {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 25rem auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center; }
  .work_filter {
    width: 90%; }
  .category_filter {
    width: 90%; }
  .category__sel {
    width: 90%;
    height: 5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .category__sel_filter {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .category__sel_filter h3 {
    margin-left: 3rem;
    margin-right: 0; }
  .work_headers {
    width: 80rem; }
  .work_line_selector {
    bottom: 8.5rem;
    left: 17.8rem; }
  .moveRight {
    -webkit-transform: translateX(31.5rem);
    -ms-transform: translateX(31.5rem);
    transform: translateX(31.5rem); } }

header a.target-burger {
  margin: 0;
  width: 2rem;
  height: 4rem;
  position: relative;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  header a.target-burger:hover {
    text-decoration: none;
    background-color: transparent; }
  header a.target-burger:active {
    text-decoration: none;
    background-color: transparent; }
  header a.target-burger.toggled ul.buns li.bun {
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0); }
    header a.target-burger.toggled ul.buns li.bun:last-child {
      -webkit-transform: rotate(-45deg) translateZ(0);
      transform: rotate(-45deg) translateZ(0); }
  header a.target-burger ul.buns {
    width: 2.2em;
    height: 1.625em;
    list-style: none;
    padding: 0;
    position: absolute;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: color 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: color 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #fff; }
    header a.target-burger ul.buns li.bun {
      width: 100%;
      height: 2px;
      background-color: #fff;
      position: absolute;
      -webkit-transform: translateY(-3.75px) translateZ(0);
      transform: translateY(-3.75px) translateZ(0);
      -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transition: background-color 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
      transition: background-color 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
      transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
      transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }
      header a.target-burger ul.buns li.bun:last-child {
        -webkit-transform: translateY(10px) translateZ(0);
        transform: translateY(10px) translateZ(0); }

.contact {
  background-color: #1E1E24;
  width: 100%;
  min-height: -webkit-calc(100vh - 7rem);
  min-height: calc(100vh - 7rem);
  padding: 6rem 0;
  font-size: .9em; }

.contact__cont {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  justify-items: start;
  -webkit-align-content: start;
  -ms-flex-line-pack: start;
  align-content: start;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0;
  padding: 4rem 5rem;
  row-gap: 5rem; }

.contact__cont a {
  color: #8E8E8E;
  text-decoration: none; }

.contact__cont a:active,
.contact__cont a:hover {
  text-decoration: none;
  color: #fff; }

.contact__address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  min-width: 18rem; }

.contact__address h4 {
  margin: 0;
  margin-bottom: .6rem; }

.contact__address p {
  color: #8E8E8E;
  line-height: .8rem; }

.contact__call {
  min-width: 16rem; }

.contact__links {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  padding: 0;
  width: 100%;
  margin: 0; }

.contact__link {
  margin-bottom: 1.4rem; }

.contact__link h4 {
  margin: 0; }

.contact__surprise {
  width: 100%;
  padding: 2rem 35vw; }

.contact__surprise p {
  color: #1370F4; }

.footer_small {
  margin: 0;
  height: 20rem;
  width: 100vw;
  background: #050512; }

.footer_small_copy {
  margin: 3rem 0 0rem 0;
  width: 100%; }

.footer_small_copy p {
  text-align: center;
  font-size: .9em; }

.footer_small_copy a {
  color: #fff;
  text-decoration: underline; }

.footer_small_logo {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3rem 0; }

@media (min-width: 672px) {
  .contact__cont {
    grid-template-columns: auto auto; } }

@media (min-width: 1056px) {
  .footer_small_logo {
    display: none; }
  .contact {
    min-height: -webkit-calc(100vh - 28rem);
    min-height: calc(100vh - 28rem); }
  .contact__cont {
    grid-template-columns: auto auto auto auto; }
  .footer_small {
    bottom: 0;
    left: 0;
    position: fixed;
    background: #050512;
    background: -webkit-gradient(linear, left top, left bottom, from(#050512), color-stop(82%, #05053d), to(#101093));
    background: -webkit-linear-gradient(top, #050512 0%, #05053d 82%, #101093 100%);
    background: -o-linear-gradient(top, #050512 0%, #05053d 82%, #101093 100%);
    background: linear-gradient(180deg, #050512 0%, #05053d 82%, #101093 100%); }
  .footer_small_copy {
    margin: 8rem 0 0rem 0;
    padding: 4rem 0 3rem 0; }
  .contact__surprise p {
    color: #1E1E24;
    text-align: center; }
  .contact__surprise p:hover {
    color: #1370F4; } }

body.tutorial {
  --color-text: #fff;
  --color-bg: #171717;
  --color-line: #292929;
  --color-link: #ff0000;
  --color-link-hover: #ff0000;
  --color-info: #ff0000;
  opacity: 1 !important;
  background-color: var(--color-bg); }

.tutorial .page {
  position: absolute;
  padding: -webkit-calc(1.5em + 42px + 1.5em) 1.5em;
  padding: calc(1.5em + 42px + 1.5em) 1.5em;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.tutorial .page__inner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.tutorial .page,
.tutorial .page a {
  cursor: none; }

.tutorial .cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none; }

.tutorial .cursor--small {
  width: 5px;
  height: 5px;
  left: -2.5px;
  top: -2.5px;
  border-radius: 50%;
  z-index: 11000;
  background: var(--color-text); }

.tutorial .cursor--canvas {
  width: 100vw;
  height: 100vh;
  z-index: 12000; }

.tutorial .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.tutorial .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 75px;
  margin: 0 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.tutorial .settings-icon {
  display: block;
  width: 40px;
  height: 40px; }

.tutorial .settings-icon__line {
  stroke: var(--color-text);
  stroke-width: 5px;
  -webkit-transition: all 0.2s ease 0.05s;
  -o-transition: all 0.2s ease 0.05s;
  transition: all 0.2s ease 0.05s; }

.tutorial .settings-icon__rect {
  stroke: var(--color-text);
  fill: var(--color-bg);
  stroke-width: 5px;
  -webkit-transition: all 0.2s ease 0.05s;
  -o-transition: all 0.2s ease 0.05s;
  transition: all 0.2s ease 0.05s; }

.tutorial .link:hover .settings-icon__line,
.tutorial .link:hover .settings-icon__rect {
  stroke: var(--color-link);
  -webkit-transition: all 0.2s ease 0.05s;
  -o-transition: all 0.2s ease 0.05s;
  transition: all 0.2s ease 0.05s; }

.tutorial .link:hover .settings-icon__group--1 .settings-icon__rect {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

.tutorial .link:hover .settings-icon__group--2 .settings-icon__rect {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px); }

.tutorial .link:hover .settings-icon__group--3 .settings-icon__rect {
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px); }

.anim-cursor {
  --color-text: #D5D5D5; }
  .anim-cursor,
  .anim-cursor a {
    cursor: none; }
  .anim-cursor .circle-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%; }
    .anim-cursor .circle-cursor--outer {
      width: 30px;
      height: 30px;
      border: 1px solid var(--color-text);
      z-index: 12000;
      opacity: 0.2; }
    .anim-cursor .circle-cursor--inner {
      width: 5px;
      height: 5px;
      left: -2.5px;
      top: -2.5px;
      z-index: 11000;
      background: var(--color-text); }
  .anim-cursor .browser-window__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .anim-cursor .browser-window__link svg {
      width: 30px;
      height: 30px; }
      .anim-cursor .browser-window__link svg path {
        fill: var(--color-text);
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s; }
    .anim-cursor .browser-window__link:hover svg path {
      fill: var(--color-link);
      -webkit-transition: all 0.2s ease 0.05s;
      -o-transition: all 0.2s ease 0.05s;
      transition: all 0.2s ease 0.05s; }

@media (max-width: 66rem) {
  .anim-cursor,
  .anim-cursor a {
    cursor: auto; } }

/**
 * Swiper 6.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: -webkit-calc(var(--swiper-navigation-size) / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: -webkit-calc(-1 * var(--swiper-navigation-size) / 2);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/*# sourceMappingURL=styles.css.map */