*, *:before, *:after {
  box-sizing: border-box;
}
body {
  color: white;
  background: #041527;
}
a {
  color: white;
  text-decoration: none;
  transition: linear 0.24s;
}
img {
  max-width: 100%;
  height: auto;
}
.lazy-load {
  opacity: 0;
  transition: opacity 0.24s;
}
.container-fluid {
  width: 100%;
  overflow: hidden;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
  .row {
    margin-left: -4px;
    margin-right: -4px;
  }
  [class*="c-"] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .c-1 {
    width: 6.25%;
  }
  .c-2 {
    width: 12.5%;
  }
  .c-3 {
    width: 18.75%;
  }
  .c-4 {
    width: 25%;
  }
  .c-5 {
    width: 31.25%;
  }
  .c-6 {
    width: 37.5%;
  }
  .c-7 {
    width: 43.75%;
  }
  .c-8 {
    width: 50%;
  }
  .c-9 {
    width: 56.25%;
  }
  .c-10 {
    width: 62.5%;
  }
  .c-11 {
    width: 68.75%;
  }
  .c-12 {
    width: 75%;
  }
  .c-13 {
    width: 81.25%;
  }
  .c-14 {
    width: 87.25%;
  }
  .c-15 {
    width: 93.75%;
  }
  .c-16 {
    width: 100%;
  }
  .m-0 {
    margin-left: 0;
  }
  .m-1 {
    margin-left: 6.25%;
  }
  .m-2 {
    margin-left: 12.5%;
  }
  .m-3 {
    margin-left: 18.75%;
  }
  .m-4 {
    margin-left: 25%;
  }
  .m-5 {
    margin-left: 31.25%;
  }
  .m-6 {
    margin-left: 37.5%;
  }
  .m-7 {
    margin-left: 43.75%;
  }
  .m-8 {
    margin-left: 50%;
  }
  .m-9 {
    margin-left: 56.25%;
  }
  .m-10 {
    margin-left: 62.5%;
  }
  .m-11 {
    margin-left: 68.75%;
  }
  .m-12 {
    margin-left: 75%;
  }
  .m-13 {
    margin-left: 81.25%;
  }
  .m-14 {
    margin-left: 87.25%;
  }
  .m-15 {
    margin-left: 93.75%;
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-2 {
    padding-top: 2px;
  }
  .pt-4 {
    padding-top: 4px;
  }
  .pt-8 {
    padding-top: 8px;
  }
  .pt-12 {
    padding-top: 12px;
  }
  .pt-16 {
    padding-top: 16px;
  }
  .pt-20 {
    padding-top: 20px;
  }
  .pt-24 {
    padding-top: 24px;
  }
  .pt-32 {
    padding-top: 32px;
  }
  .pt-40 {
    padding-top: 40px;
  }
  .pt-48 {
    padding-top: 48px;
  }
  .pt-64 {
    padding-top: 64px;
  }
  .pt-80 {
    padding-top: 80px;
  }
  .pt-96 {
    padding-top: 96px;
  }
  .pt-112 {
    padding-top: 112px;
  }
  .pt-128 {
    padding-top: 128px;
  }
  .pt-160 {
    padding-top: 160px;
  }
  .pt-192 {
    padding-top: 192px;
  }
  .pt-224 {
    padding-top: 224px;
  }
  .pt-256 {
    padding-top: 256px;
  }
  .pt-320 {
    padding-top: 320px;
  }
  .pt-384 {
    padding-top: 384px;
  }
  .pt-448 {
    padding-top: 448px;
  }
  .pt-512 {
    padding-top: 512px;
  }
  .pb-0 {
    padding-bottom: 0;
  }
  .pb-2 {
    padding-bottom: 2px;
  }
  .pb-4 {
    padding-bottom: 4px;
  }
  .pb-8 {
    padding-bottom: 8px;
  }
  .pb-12 {
    padding-bottom: 12px;
  }
  .pb-16 {
    padding-bottom: 16px;
  }
  .pb-20 {
    padding-bottom: 20px;
  }
  .pb-24 {
    padding-bottom: 24px;
  }
  .pb-32 {
    padding-bottom: 32px;
  }
  .pb-40 {
    padding-bottom: 40px;
  }
  .pb-48 {
    padding-bottom: 48px;
  }
  .pb-64 {
    padding-bottom: 64px;
  }
  .pb-80 {
    padding-bottom: 80px;
  }
  .pb-96 {
    padding-bottom: 96px;
  }
  .pb-112 {
    padding-bottom: 112px;
  }
  .pb-128 {
    padding-bottom: 128px;
  }
  .pb-160 {
    padding-bottom: 160px;
  }
  .pb-192 {
    padding-bottom: 192px;
  }
  .pb-224 {
    padding-bottom: 224px;
  }
  .pb-256 {
    padding-bottom: 256px;
  }
  .pb-320 {
    padding-bottom: 320px;
  }
  .pb-384 {
    padding-bottom: 384px;
  }
  .pb-448 {
    padding-bottom: 448px;
  }
  .pb-512 {
    padding-bottom: 512px;
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-2 {
    margin-top: 2px;
  }
  .mt-4 {
    margin-top: 4px;
  }
  .mt-8 {
    margin-top: 8px;
  }
  .mt-12 {
    margin-top: 12px;
  }
  .mt-16 {
    margin-top: 16px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-24 {
    margin-top: 24px;
  }
  .mt-32 {
    margin-top: 32px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .mt-48 {
    margin-top: 48px;
  }
  .mt-64 {
    margin-top: 64px;
  }
  .mt-80 {
    margin-top: 80px;
  }
  .mt-96 {
    margin-top: 96px;
  }
  .mt-112 {
    margin-top: 112px;
  }
  .mt-128 {
    margin-top: 128px;
  }
  .mt-160 {
    margin-top: 160px;
  }
  .mt-192 {
    margin-top: 192px;
  }
  .mt-224 {
    margin-top: 224px;
  }
  .mt-256 {
    margin-top: 256px;
  }
  .mt-320 {
    margin-top: 320px;
  }
  .mt-384 {
    margin-top: 384px;
  }
  .mt-448 {
    margin-top: 448px;
  }
  .mt-512 {
    margin-top: 512px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-2 {
    margin-bottom: 2px;
  }
  .mb-4 {
    margin-bottom: 4px;
  }
  .mb-8 {
    margin-bottom: 8px;
  }
  .mb-12 {
    margin-bottom: 12px;
  }
  .mb-16 {
    margin-bottom: 16px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  .mb-24 {
    margin-bottom: 24px;
  }
  .mb-32 {
    margin-bottom: 32px;
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .mb-48 {
    margin-bottom: 48px;
  }
  .mb-64 {
    margin-bottom: 64px;
  }
  .mb-80 {
    margin-bottom: 80px;
  }
  .mb-96 {
    margin-bottom: 96px;
  }
  .mb-112 {
    margin-bottom: 112px;
  }
  .mb-128 {
    margin-bottom: 128px;
  }
  .mb-160 {
    margin-bottom: 160px;
  }
  .mb-192 {
    margin-bottom: 192px;
  }
  .mb-224 {
    margin-bottom: 224px;
  }
  .mb-256 {
    margin-bottom: 256px;
  }
  .mb-320 {
    margin-bottom: 320px;
  }
  .mb-384 {
    margin-bottom: 384px;
  }
  .mb-448 {
    margin-bottom: 448px;
  }
  .mb-512 {
    margin-bottom: 512px;
  }
}
@media (min-width: 768px) {
  .container-fluid {
    padding-left: 24px;
    padding-right: 24px;
  }
  [class*="c-"] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .c-sm-1 {
    width: 6.25%;
  }
  .c-sm-2 {
    width: 12.5%;
  }
  .c-sm-3 {
    width: 18.75%;
  }
  .c-sm-4 {
    width: 25%;
  }
  .c-sm-5 {
    width: 31.25%;
  }
  .c-sm-6 {
    width: 37.5%;
  }
  .c-sm-7 {
    width: 43.75%;
  }
  .c-sm-8 {
    width: 50%;
  }
  .c-sm-9 {
    width: 56.25%;
  }
  .c-sm-10 {
    width: 62.5%;
  }
  .c-sm-11 {
    width: 68.75%;
  }
  .c-sm-12 {
    width: 75%;
  }
  .c-sm-13 {
    width: 81.25%;
  }
  .c-sm-14 {
    width: 87.25%;
  }
  .c-sm-15 {
    width: 93.75%;
  }
  .c-sm-16 {
    width: 100%;
  }
  .m-sm-0 {
    margin-left: 0;
  }
  .m-sm-1 {
    margin-left: 6.25%;
  }
  .m-sm-2 {
    margin-left: 12.5%;
  }
  .m-sm-3 {
    margin-left: 18.75%;
  }
  .m-sm-4 {
    margin-left: 25%;
  }
  .m-sm-5 {
    margin-left: 31.25%;
  }
  .m-sm-6 {
    margin-left: 37.5%;
  }
  .m-sm-7 {
    margin-left: 43.75%;
  }
  .m-sm-8 {
    margin-left: 50%;
  }
  .m-sm-9 {
    margin-left: 56.25%;
  }
  .m-sm-10 {
    margin-left: 62.5%;
  }
  .m-sm-11 {
    margin-left: 68.75%;
  }
  .m-sm-12 {
    margin-left: 75%;
  }
  .m-sm-13 {
    margin-left: 81.25%;
  }
  .m-sm-14 {
    margin-left: 87.25%;
  }
  .m-sm-15 {
    margin-left: 93.75%;
  }
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-2 {
    padding-top: 2px;
  }
  .pt-sm-4 {
    padding-top: 4px;
  }
  .pt-sm-8 {
    padding-top: 8px;
  }
  .pt-sm-12 {
    padding-top: 12px;
  }
  .pt-sm-16 {
    padding-top: 16px;
  }
  .pt-sm-20 {
    padding-top: 20px;
  }
  .pt-sm-24 {
    padding-top: 24px;
  }
  .pt-sm-32 {
    padding-top: 32px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pt-sm-48 {
    padding-top: 48px;
  }
  .pt-sm-64 {
    padding-top: 64px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pt-sm-96 {
    padding-top: 96px;
  }
  .pt-sm-112 {
    padding-top: 112px;
  }
  .pt-sm-128 {
    padding-top: 128px;
  }
  .pt-sm-160 {
    padding-top: 160px;
  }
  .pt-sm-192 {
    padding-top: 192px;
  }
  .pt-sm-224 {
    padding-top: 224px;
  }
  .pt-sm-256 {
    padding-top: 256px;
  }
  .pt-sm-320 {
    padding-top: 320px;
  }
  .pt-sm-384 {
    padding-top: 384px;
  }
  .pt-sm-448 {
    padding-top: 448px;
  }
  .pt-sm-512 {
    padding-top: 512px;
  }
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-2 {
    padding-bottom: 2px;
  }
  .pb-sm-4 {
    padding-bottom: 4px;
  }
  .pb-sm-8 {
    padding-bottom: 8px;
  }
  .pb-sm-12 {
    padding-bottom: 12px;
  }
  .pb-sm-16 {
    padding-bottom: 16px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .pb-sm-24 {
    padding-bottom: 24px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .pb-sm-48 {
    padding-bottom: 48px;
  }
  .pb-sm-64 {
    padding-bottom: 64px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .pb-sm-96 {
    padding-bottom: 96px;
  }
  .pb-sm-112 {
    padding-bottom: 112px;
  }
  .pb-sm-128 {
    padding-bottom: 128px;
  }
  .pb-sm-160 {
    padding-bottom: 160px;
  }
  .pb-sm-192 {
    padding-bottom: 192px;
  }
  .pb-sm-224 {
    padding-bottom: 224px;
  }
  .pb-sm-256 {
    padding-bottom: 256px;
  }
  .pb-sm-320 {
    padding-bottom: 320px;
  }
  .pb-sm-384 {
    padding-bottom: 384px;
  }
  .pb-sm-448 {
    padding-bottom: 448px;
  }
  .pb-sm-512 {
    padding-bottom: 512px;
  }
  .mt-sm-0 {
    margin-top: 0;
  }
  .mt-sm-2 {
    margin-top: 2px;
  }
  .mt-sm-4 {
    margin-top: 4px;
  }
  .mt-sm-8 {
    margin-top: 8px;
  }
  .mt-sm-12 {
    margin-top: 12px;
  }
  .mt-sm-16 {
    margin-top: 16px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mt-sm-24 {
    margin-top: 24px;
  }
  .mt-sm-32 {
    margin-top: 32px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mt-sm-48 {
    margin-top: 48px;
  }
  .mt-sm-64 {
    margin-top: 64px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mt-sm-96 {
    margin-top: 96px;
  }
  .mt-sm-112 {
    margin-top: 112px;
  }
  .mt-sm-128 {
    margin-top: 128px;
  }
  .mt-sm-160 {
    margin-top: 160px;
  }
  .mt-sm-192 {
    margin-top: 192px;
  }
  .mt-sm-224 {
    margin-top: 224px;
  }
  .mt-sm-256 {
    margin-top: 256px;
  }
  .mt-sm-320 {
    margin-top: 320px;
  }
  .mt-sm-384 {
    margin-top: 384px;
  }
  .mt-sm-448 {
    margin-top: 448px;
  }
  .mt-sm-512 {
    margin-top: 512px;
  }
  .mb-sm-0 {
    padding-top: 0;
  }
  .mb-sm-2 {
    padding-top: 2px;
  }
  .mb-sm-4 {
    padding-top: 4px;
  }
  .mb-sm-8 {
    padding-top: 8px;
  }
  .mb-sm-12 {
    padding-top: 12px;
  }
  .mb-sm-16 {
    padding-top: 16px;
  }
  .mb-sm-20 {
    padding-top: 20px;
  }
  .mb-sm-24 {
    padding-top: 24px;
  }
  .mb-sm-32 {
    padding-top: 32px;
  }
  .mb-sm-40 {
    padding-top: 40px;
  }
  .mb-sm-48 {
    padding-top: 48px;
  }
  .mb-sm-64 {
    padding-top: 64px;
  }
  .mb-sm-80 {
    padding-top: 80px;
  }
  .mb-sm-96 {
    padding-top: 96px;
  }
  .mb-sm-112 {
    padding-top: 112px;
  }
  .mb-sm-128 {
    padding-top: 128px;
  }
  .mb-sm-160 {
    padding-top: 160px;
  }
  .mb-sm-192 {
    padding-top: 192px;
  }
  .mb-sm-224 {
    padding-top: 224px;
  }
  .mb-sm-256 {
    padding-top: 256px;
  }
  .mb-sm-320 {
    padding-top: 320px;
  }
  .mb-sm-384 {
    padding-top: 384px;
  }
  .mb-sm-448 {
    padding-top: 448px;
  }
  .mb-sm-512 {
    padding-top: 512px;
  }
}
@media (min-width: 1024px) {
  .container-fluid {
    padding-left: 24px;
    padding-right: 24px;
  }
  [class*="c-"] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .c-md-1 {
    width: 6.25%;
  }
  .c-md-2 {
    width: 12.5%;
  }
  .c-md-3 {
    width: 18.75%;
  }
  .c-md-4 {
    width: 25%;
  }
  .c-md-5 {
    width: 31.25%;
  }
  .c-md-6 {
    width: 37.5%;
  }
  .c-md-7 {
    width: 43.75%;
  }
  .c-md-8 {
    width: 50%;
  }
  .c-md-9 {
    width: 56.25%;
  }
  .c-md-10 {
    width: 62.5%;
  }
  .c-md-11 {
    width: 68.75%;
  }
  .c-md-12 {
    width: 75%;
  }
  .c-md-13 {
    width: 81.25%;
  }
  .c-md-14 {
    width: 87.25%;
  }
  .c-md-15 {
    width: 93.75%;
  }
  .c-md-16 {
    width: 100%;
  }
  .m-md-0 {
    margin-left: 0;
  }
  .m-md-1 {
    margin-left: 6.25%;
  }
  .m-md-2 {
    margin-left: 12.5%;
  }
  .m-md-3 {
    margin-left: 18.75%;
  }
  .m-md-4 {
    margin-left: 25%;
  }
  .m-md-5 {
    margin-left: 31.25%;
  }
  .m-md-6 {
    margin-left: 37.5%;
  }
  .m-md-7 {
    margin-left: 43.75%;
  }
  .m-md-8 {
    margin-left: 50%;
  }
  .m-md-9 {
    margin-left: 56.25%;
  }
  .m-md-10 {
    margin-left: 62.5%;
  }
  .m-md-11 {
    margin-left: 68.75%;
  }
  .m-md-12 {
    margin-left: 75%;
  }
  .m-md-13 {
    margin-left: 81.25%;
  }
  .m-md-14 {
    margin-left: 87.25%;
  }
  .m-md-15 {
    margin-left: 93.75%;
  }
  .pt-md-0 {
    padding-top: 0;
  }
  .pt-md-2 {
    padding-top: 2px;
  }
  .pt-md-4 {
    padding-top: 4px;
  }
  .pt-md-8 {
    padding-top: 8px;
  }
  .pt-md-12 {
    padding-top: 12px;
  }
  .pt-md-16 {
    padding-top: 16px;
  }
  .pt-md-20 {
    padding-top: 20px;
  }
  .pt-md-24 {
    padding-top: 24px;
  }
  .pt-md-32 {
    padding-top: 32px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pt-md-48 {
    padding-top: 48px;
  }
  .pt-md-64 {
    padding-top: 64px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pt-md-96 {
    padding-top: 96px;
  }
  .pt-md-112 {
    padding-top: 112px;
  }
  .pt-md-128 {
    padding-top: 128px;
  }
  .pt-md-160 {
    padding-top: 160px;
  }
  .pt-md-192 {
    padding-top: 192px;
  }
  .pt-md-224 {
    padding-top: 224px;
  }
  .pt-md-256 {
    padding-top: 256px;
  }
  .pt-md-320 {
    padding-top: 320px;
  }
  .pt-md-384 {
    padding-top: 384px;
  }
  .pt-md-448 {
    padding-top: 448px;
  }
  .pt-md-512 {
    padding-top: 512px;
  }
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pb-md-2 {
    padding-bottom: 2px;
  }
  .pb-md-4 {
    padding-bottom: 4px;
  }
  .pb-md-8 {
    padding-bottom: 8px;
  }
  .pb-md-12 {
    padding-bottom: 12px;
  }
  .pb-md-16 {
    padding-bottom: 16px;
  }
  .pb-md-20 {
    padding-bottom: 20px;
  }
  .pb-md-24 {
    padding-bottom: 24px;
  }
  .pb-md-32 {
    padding-bottom: 32px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .pb-md-48 {
    padding-bottom: 48px;
  }
  .pb-md-64 {
    padding-bottom: 64px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .pb-md-96 {
    padding-bottom: 96px;
  }
  .pb-md-112 {
    padding-bottom: 112px;
  }
  .pb-md-128 {
    padding-bottom: 128px;
  }
  .pb-md-160 {
    padding-bottom: 160px;
  }
  .pb-md-192 {
    padding-bottom: 192px;
  }
  .pb-md-224 {
    padding-bottom: 224px;
  }
  .pb-md-256 {
    padding-bottom: 256px;
  }
  .pb-md-320 {
    padding-bottom: 320px;
  }
  .pb-md-384 {
    padding-bottom: 384px;
  }
  .pb-md-448 {
    padding-bottom: 448px;
  }
  .pb-md-512 {
    padding-bottom: 512px;
  }
  .mt-md-0 {
    margin-top: 0;
  }
  .mt-md-2 {
    margin-top: 2px;
  }
  .mt-md-4 {
    margin-top: 4px;
  }
  .mt-md-8 {
    margin-top: 8px;
  }
  .mt-md-12 {
    margin-top: 12px;
  }
  .mt-md-16 {
    margin-top: 16px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mt-md-24 {
    margin-top: 24px;
  }
  .mt-md-32 {
    margin-top: 32px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mt-md-48 {
    margin-top: 48px;
  }
  .mt-md-64 {
    margin-top: 64px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mt-md-96 {
    margin-top: 96px;
  }
  .mt-md-112 {
    margin-top: 112px;
  }
  .mt-md-128 {
    margin-top: 128px;
  }
  .mt-md-160 {
    margin-top: 160px;
  }
  .mt-md-192 {
    margin-top: 192px;
  }
  .mt-md-224 {
    margin-top: 224px;
  }
  .mt-md-256 {
    margin-top: 256px;
  }
  .mt-md-320 {
    margin-top: 320px;
  }
  .mt-md-384 {
    margin-top: 384px;
  }
  .mt-md-448 {
    margin-top: 448px;
  }
  .mt-md-512 {
    margin-top: 512px;
  }
  .mb-md-0 {
    padding-top: 0;
  }
  .mb-md-2 {
    padding-top: 2px;
  }
  .mb-md-4 {
    padding-top: 4px;
  }
  .mb-md-8 {
    padding-top: 8px;
  }
  .mb-md-12 {
    padding-top: 12px;
  }
  .mb-md-16 {
    padding-top: 16px;
  }
  .mb-md-20 {
    padding-top: 20px;
  }
  .mb-md-24 {
    padding-top: 24px;
  }
  .mb-md-32 {
    padding-top: 32px;
  }
  .mb-md-40 {
    padding-top: 40px;
  }
  .mb-md-48 {
    padding-top: 48px;
  }
  .mb-md-64 {
    padding-top: 64px;
  }
  .mb-md-80 {
    padding-top: 80px;
  }
  .mb-md-96 {
    padding-top: 96px;
  }
  .mb-md-112 {
    padding-top: 112px;
  }
  .mb-md-128 {
    padding-top: 128px;
  }
  .mb-md-160 {
    padding-top: 160px;
  }
  .mb-md-192 {
    padding-top: 192px;
  }
  .mb-md-224 {
    padding-top: 224px;
  }
  .mb-md-256 {
    padding-top: 256px;
  }
  .mb-md-320 {
    padding-top: 320px;
  }
  .mb-md-384 {
    padding-top: 384px;
  }
  .mb-md-448 {
    padding-top: 448px;
  }
  .mb-md-512 {
    padding-top: 512px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    padding-left: 48px;
    padding-right: 48px;
  }
  [class*="c-"] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .c-lg-1 {
    width: 6.25%;
  }
  .c-lg-2 {
    width: 12.5%;
  }
  .c-lg-3 {
    width: 18.75%;
  }
  .c-lg-4 {
    width: 25%;
  }
  .c-lg-5 {
    width: 31.25%;
  }
  .c-lg-6 {
    width: 37.5%;
  }
  .c-lg-7 {
    width: 43.75%;
  }
  .c-lg-8 {
    width: 50%;
  }
  .c-lg-9 {
    width: 56.25%;
  }
  .c-lg-10 {
    width: 62.5%;
  }
  .c-lg-11 {
    width: 68.75%;
  }
  .c-lg-12 {
    width: 75%;
  }
  .c-lg-13 {
    width: 81.25%;
  }
  .c-lg-14 {
    width: 87.25%;
  }
  .c-lg-15 {
    width: 93.75%;
  }
  .c-lg-16 {
    width: 100%;
  }
  .m-lg-0 {
    margin-left: 0;
  }
  .m-lg-1 {
    margin-left: 6.25%;
  }
  .m-lg-2 {
    margin-left: 12.5%;
  }
  .m-lg-3 {
    margin-left: 18.75%;
  }
  .m-lg-4 {
    margin-left: 25%;
  }
  .m-lg-5 {
    margin-left: 31.25%;
  }
  .m-lg-6 {
    margin-left: 37.5%;
  }
  .m-lg-7 {
    margin-left: 43.75%;
  }
  .m-lg-8 {
    margin-left: 50%;
  }
  .m-lg-9 {
    margin-left: 56.25%;
  }
  .m-lg-10 {
    margin-left: 62.5%;
  }
  .m-lg-11 {
    margin-left: 68.75%;
  }
  .m-lg-12 {
    margin-left: 75%;
  }
  .m-lg-13 {
    margin-left: 81.25%;
  }
  .m-lg-14 {
    margin-left: 87.25%;
  }
  .m-lg-15 {
    margin-left: 93.75%;
  }
  .pt-lg-0 {
    padding-top: 0;
  }
  .pt-lg-2 {
    padding-top: 2px;
  }
  .pt-lg-4 {
    padding-top: 4px;
  }
  .pt-lg-8 {
    padding-top: 8px;
  }
  .pt-lg-12 {
    padding-top: 12px;
  }
  .pt-lg-16 {
    padding-top: 16px;
  }
  .pt-lg-20 {
    padding-top: 20px;
  }
  .pt-lg-24 {
    padding-top: 24px;
  }
  .pt-lg-32 {
    padding-top: 32px;
  }
  .pt-lg-40 {
    padding-top: 40px;
  }
  .pt-lg-48 {
    padding-top: 48px;
  }
  .pt-lg-64 {
    padding-top: 64px;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pt-lg-96 {
    padding-top: 96px;
  }
  .pt-lg-112 {
    padding-top: 112px;
  }
  .pt-lg-128 {
    padding-top: 128px;
  }
  .pt-lg-160 {
    padding-top: 160px;
  }
  .pt-lg-192 {
    padding-top: 192px;
  }
  .pt-lg-224 {
    padding-top: 224px;
  }
  .pt-lg-256 {
    padding-top: 256px;
  }
  .pt-lg-320 {
    padding-top: 320px;
  }
  .pt-lg-384 {
    padding-top: 384px;
  }
  .pt-lg-448 {
    padding-top: 448px;
  }
  .pt-lg-512 {
    padding-top: 512px;
  }
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .pb-lg-2 {
    padding-bottom: 2px;
  }
  .pb-lg-4 {
    padding-bottom: 4px;
  }
  .pb-lg-8 {
    padding-bottom: 8px;
  }
  .pb-lg-12 {
    padding-bottom: 12px;
  }
  .pb-lg-16 {
    padding-bottom: 16px;
  }
  .pb-lg-20 {
    padding-bottom: 20px;
  }
  .pb-lg-24 {
    padding-bottom: 24px;
  }
  .pb-lg-32 {
    padding-bottom: 32px;
  }
  .pb-lg-40 {
    padding-bottom: 40px;
  }
  .pb-lg-48 {
    padding-bottom: 48px;
  }
  .pb-lg-64 {
    padding-bottom: 64px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .pb-lg-96 {
    padding-bottom: 96px;
  }
  .pb-lg-112 {
    padding-bottom: 112px;
  }
  .pb-lg-128 {
    padding-bottom: 128px;
  }
  .pb-lg-160 {
    padding-bottom: 160px;
  }
  .pb-lg-192 {
    padding-bottom: 192px;
  }
  .pb-lg-224 {
    padding-bottom: 224px;
  }
  .pb-lg-256 {
    padding-bottom: 256px;
  }
  .pb-lg-320 {
    padding-bottom: 320px;
  }
  .pb-lg-384 {
    padding-bottom: 384px;
  }
  .pb-lg-448 {
    padding-bottom: 448px;
  }
  .pb-lg-512 {
    padding-bottom: 512px;
  }
  .mt-lg-0 {
    margin-top: 0;
  }
  .mt-lg-2 {
    margin-top: 2px;
  }
  .mt-lg-4 {
    margin-top: 4px;
  }
  .mt-lg-8 {
    margin-top: 8px;
  }
  .mt-lg-12 {
    margin-top: 12px;
  }
  .mt-lg-16 {
    margin-top: 16px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mt-lg-24 {
    margin-top: 24px;
  }
  .mt-lg-32 {
    margin-top: 32px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mt-lg-48 {
    margin-top: 48px;
  }
  .mt-lg-64 {
    margin-top: 64px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mt-lg-96 {
    margin-top: 96px;
  }
  .mt-lg-112 {
    margin-top: 112px;
  }
  .mt-lg-128 {
    margin-top: 128px;
  }
  .mt-lg-160 {
    margin-top: 160px;
  }
  .mt-lg-192 {
    margin-top: 192px;
  }
  .mt-lg-224 {
    margin-top: 224px;
  }
  .mt-lg-256 {
    margin-top: 256px;
  }
  .mt-lg-320 {
    margin-top: 320px;
  }
  .mt-lg-384 {
    margin-top: 384px;
  }
  .mt-lg-448 {
    margin-top: 448px;
  }
  .mt-lg-512 {
    margin-top: 512px;
  }
  .mb-lg-0 {
    padding-top: 0;
  }
  .mb-lg-2 {
    padding-top: 2px;
  }
  .mb-lg-4 {
    padding-top: 4px;
  }
  .mb-lg-8 {
    padding-top: 8px;
  }
  .mb-lg-12 {
    padding-top: 12px;
  }
  .mb-lg-16 {
    padding-top: 16px;
  }
  .mb-lg-20 {
    padding-top: 20px;
  }
  .mb-lg-24 {
    padding-top: 24px;
  }
  .mb-lg-32 {
    padding-top: 32px;
  }
  .mb-lg-40 {
    padding-top: 40px;
  }
  .mb-lg-48 {
    padding-top: 48px;
  }
  .mb-lg-64 {
    padding-top: 64px;
  }
  .mb-lg-80 {
    padding-top: 80px;
  }
  .mb-lg-96 {
    padding-top: 96px;
  }
  .mb-lg-112 {
    padding-top: 112px;
  }
  .mb-lg-128 {
    padding-top: 128px;
  }
  .mb-lg-160 {
    padding-top: 160px;
  }
  .mb-lg-192 {
    padding-top: 192px;
  }
  .mb-lg-224 {
    padding-top: 224px;
  }
  .mb-lg-256 {
    padding-top: 256px;
  }
  .mb-lg-320 {
    padding-top: 320px;
  }
  .mb-lg-384 {
    padding-top: 384px;
  }
  .mb-lg-448 {
    padding-top: 448px;
  }
  .mb-lg-512 {
    padding-top: 512px;
  }
}
/*

@media(min-width: $xs) {
  
}

@media(min-width: $sm) {
  
}

@media(min-width: $md) {
  
}

*/
.arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  opacity: 0.8;
  font-size: 16px;
  font-weight: bold;
}
.arrow-link:hover {
  opacity: 1;
}
body {
  font-family: "Century Gothic", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1.3;
}
.text--small {
  font-size: 14px;
}
.text--x-small {
  font-size: 12px;
}
.text--bold {
  font-weight: bold;
}
.title-h1, .title-h2, .title-h3, .title-h4 {
  font-weight: bold;
}
@media (min-width: 0px) {
  .title-h1 {
    font-size: 32px;
  }
  .title-h2 {
    font-size: 28px;
  }
  .title-h3 {
    font-size: 24px;
  }
  .title-h4 {
    font-size: 20px;
  }
}
.button {
  padding: 16px 32px;
  color: white;
  background: #041C34;
  border: 1px solid #041C34;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: bold;
}
/*

@media(min-width: $xs) {
  
}

@media(min-width: $sm) {
  
}

@media(min-width: $md) {
  
}

*/
@media (min-width: 0px) {
  .cf7-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .cf7-form input[type="text"], .cf7-form input[type="email"] {
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 20px 32px;
    outline: none;
    color: white;
    background: #041527;
  }
  .cf7-form input[type="text"]::placeholder, .cf7-form input[type="email"]::placeholder {
    color: white;
    opacity: 0.64;
  }
  .cf7-form input[type="submit"] {
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 20px 32px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    background: #ff6229;
  }
  .cf7-form p {
    margin: 0;
    padding: 0;
  }
}
.wpcf7-spinner {
  display: none !important;
}
.wpcf7-not-valid-tip {
  margin-top: 8px;
  font-size: 12px !important;
  color: white !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 16px 0 0 0 !important;
  padding: 16px !important;
  font-size: 14px;
  text-align: center;
  color: white;
  background: #041527;
  border: none !important;
  border-radius: 8px;
}
.wpcf7 form.invalid .wpcf7-response-output {
  color: white;
  background: #041527;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: white;
  background: #46B450;
}
/*

@media(min-width: $xs) {
  
}

@media(min-width: $sm) {
  
}

@media(min-width: $md) {
  
}

*/
@media (min-width: 0px) {
  .cards-block-type-2 .cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .cards-block-type-2 .card {
    padding: 24px;
    background: #041C34;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-content: start;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    min-height: 200px;
  }
  .cards-block-type-2 .card .images {
    display: flex;
    position: relative;
    width: 160px;
    height: 136px;
  }
  .cards-block-type-2 .card .images img {
    position: absolute;
    width: 96px;
    border-radius: 4px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.8);
  }
  .cards-block-type-2 .card .images img:nth-child(1) {
    top: 0;
    left: 0;
  }
  .cards-block-type-2 .card .images img:nth-child(2) {
    left: 32px;
  }
  .cards-block-type-2 .card .images img:nth-child(3) {
    left: 64px;
  }
}
@media (min-width: 768px) {
  .cards-block-type-2 .cards {
    grid-template-columns: 1fr 1fr;
  }
  .cards-block-type-2 .card {
    grid-template-columns: 0.8fr 2fr;
    min-height: 200px;
  }
}
@media (min-width: 1024px) {
  .cards-block-type-2 .cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/*

@media(min-width: $xs) {
  
}

@media(min-width: $sm) {
  
}

@media(min-width: $md) {
  
}

*/
@media (min-width: 0px) {
  .cards-block-type-3 {
    margin-top: 48px;
  }
  .cards-block-type-3 .cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .cards-block-type-3 .contacts-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .cards-block-type-3 .contacts-widget__logo img {
    width: 144px;
  }
  .cards-block-type-3 .contacts-widget__content {
    font-size: 18px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .cards-block-type-3 .cards {
    flex-direction: row;
    align-items: center;
    gap: 48px;
    justify-content: flex-end;
  }
  .cards-block-type-3 .contacts-widget {
    flex-direction: row;
    gap: 24px;
  }
  .cards-block-type-3 .contacts-widget__content {
    text-align: unset;
  }
}
/*

@media(min-width: $xs) {
  
}

@media(min-width: $sm) {
  
}

@media(min-width: $md) {
  
}

*/
@media (min-width: 0px) {
  .page-catalog .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .page-catalog .wrapper--title {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-content: space-between;
  }
  .page-catalog .company-info {
    font-size: 18px;
  }
  .page-catalog .company-info img {
    width: 200px;
    margin-bottom: 16px;
  }
  .page-catalog .company-info--petrocom img {
    width: 300px;
  }
  .page-catalog .form {
    padding: 24px;
    background: #041C34;
    border-radius: 16px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 768px) {
  .page-catalog .form {
    padding: 32px;
  }
}
@media (min-width: 1024px) {
  .page-catalog .wrapper {
    grid-template-columns: 1fr 2.5fr;
    gap: 24px;
  }
  .page-catalog .form {
    padding: 40px;
  }
}
.pdfjs-iframe {
  border: none;
  margin-bottom: -7px;
}
.pdfjs-fullscreen {
  text-align: right;
  margin-bottom: 24px;
}