button.btn {
  padding-top: 0.1rem !important; }

.btn {
  font-size: 1rem;
  line-height: 1.43;
  margin: 0.5rem;
  outline: 0;
  transform: none;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  transition: transform ease .3s, color ease .3s, box-shadow 0.3s ease, background ease 0.3s !important;
  border: 0 !important; }
  .btn span {
    position: relative;
    z-index: 5;
    line-height: 1em;
    vertical-align: text-top; }
  .btn:focus {
    box-shadow: none; }
  .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 10px rgba(0, 0, 0, 0.16); }
  .btn i {
    position: relative;
    z-index: 5; }
    .btn i path {
      transition: all ease .3s; }
  .btn.no-min-width {
    min-width: auto !important; }
  .btn.btn-default {
    background-color: #cccccc;
    color: #050C1A;
    position: relative;
    z-index: 10;
    overflow: hidden; }
    .btn.btn-default:after {
      content: '';
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to right, #d12b69, #ff3b78);
      opacity: 0;
      transition: all .3s ease;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .btn.btn-default.reversed {
      display: inline-flex;
      flex-wrap: nowrap;
      flex-direction: row;
      align-items: center; }
      .btn.btn-default.reversed span {
        order: 2; }
      .btn.btn-default.reversed i {
        order: 1;
        margin-left: 0;
        margin-right: .5rem; }
    .btn.btn-default.on-dark-bg {
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      background-color: rgba(255, 255, 255, 0.3);
      color: #ffffff; }
      .btn.btn-default.on-dark-bg:hover i path {
        fill: #FFF; }
    .btn.btn-default:hover {
      background-color: transparent;
      backdrop-filter: blur(6px);
      color: #ffffff; }
      .btn.btn-default:hover:after {
        opacity: 1; }
      .btn.btn-default:hover i path {
        fill: #ffffff; }
  .btn.btn-transparent {
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    color: #FFF; }
    .btn.btn-transparent i path {
      fill: #FFF; }
    .btn.btn-transparent:hover {
      background-color: #FFF;
      color: #050C1A; }
      .btn.btn-transparent:hover span {
        color: #050C1A !important; }
      .btn.btn-transparent:hover i path {
        fill: #050C1A; }
  .btn.btn-small {
    font-size: 0.875rem; }
  .btn.btn-icon {
    font-size: 0.875rem;
    padding-left: 1rem;
    padding-right: 0.75rem; }
    .btn.btn-icon span {
      vertical-align: initial; }
  .btn i {
    position: relative;
    top: -1px;
    margin-left: 0.5rem; }

@media all and (max-width: 991px) {
  .btn {
    margin-left: 0; } }

.header-animation {
  backface-visibility: hidden; }

.LetsWork {
  background-color: #DEE0DF;
  position: relative; }
  .LetsWork h2 {
    font-size: 3.75rem; }
  .LetsWork .jumbotron-fluid p.introduction {
    font-size: 1.5rem; }
  .LetsWork .TitleBox *, .LetsWork .TitleBox h2, .LetsWork .TitleBox .introduction {
    color: white !important;
    font-size: 3.75rem; }
  .LetsWork .video-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .LetsWork .video-bg video {
      display: block;
      width: 100%;
      max-width: none !important; }

@media (min-width: 576px) and (max-width: 991px) {
  .LetsWork .video-bg video {
    width: 150%; } }

@media all and (max-width: 599px) {
  .LetsWork h2 {
    font-size: 2.5rem; }
  .LetsWork .jumbotron-fluid p.introduction {
    font-size: 1.25rem; } }

@media (max-width: 575px) {
  .LetsWork .video-bg video {
    width: auto;
    height: 100%; } }