:root {
  font-size: 30px; }

ul, li {
  margin: 0;
  padding: 0;
  display: block; }

a {
  -webkit-transition: .3s all;
  transition: .3s all;
  outline: none;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

button {
  -webkit-transition: .6s all;
  transition: .6s all;
  border: none;
  outline: none;
  background: none;
  padding: 0; }

h1, h2, h3, h4, h5, p {
  margin: 0; }

input {
  outline: none;
  border-radius: 0; }
  input.error {
    color: red !important;
    border-color: red !important; }

html {
  scroll-behavior: smooth; }

::-webkit-scrollbar {
  width: .5rem;
  height: 0.5rem; }

::-webkit-scrollbar-track {
  background: #ddd; }

::-webkit-scrollbar-thumb {
  background: #000;
  border: 1px solid #ddd; }

.lazy {
  opacity: 0; }

.disabled {
  pointer-events: none; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.preloader {
  background: #fff;
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .preloader-main {
    position: relative;
    width: 17.6rem;
    height: 15.5rem;
    overflow: hidden; }
  .preloader__logo {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    opacity: 0;
    -webkit-animation: fadeIn 1s ease-in-out forwards;
            animation: fadeIn 1s ease-in-out forwards; }
    .preloader__logo img {
      width: 100%;
      height: 100%;
      display: block;
      -o-object-fit: cover;
         object-fit: cover; }
  .preloader-letters {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute; }
    .preloader-letters img {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      -o-object-fit: cover;
         object-fit: cover;
      opacity: 0;
      -webkit-animation: fadeIn .5s ease-in-out forwards;
              animation: fadeIn .5s ease-in-out forwards; }
      .preloader-letters img:nth-child(1) {
        -webkit-animation-delay: 2.2s;
                animation-delay: 2.2s; }
      .preloader-letters img:nth-child(2) {
        -webkit-animation-delay: 2.4s;
                animation-delay: 2.4s; }
      .preloader-letters img:nth-child(3) {
        -webkit-animation-delay: 2.6s;
                animation-delay: 2.6s; }
      .preloader-letters img:nth-child(4) {
        -webkit-animation-delay: 2.8s;
                animation-delay: 2.8s; }
      .preloader-letters img:nth-child(5) {
        -webkit-animation-delay: 3s;
                animation-delay: 3s; }
      .preloader-letters img:nth-child(6) {
        -webkit-animation-delay: 3.2s;
                animation-delay: 3.2s; }
      .preloader-letters img:nth-child(7) {
        -webkit-animation-delay: 3.4s;
                animation-delay: 3.4s; }
      .preloader-letters img:nth-child(8) {
        -webkit-animation-delay: 3.6s;
                animation-delay: 3.6s; }
      .preloader-letters img:nth-child(9) {
        -webkit-animation-delay: 3.8s;
                animation-delay: 3.8s; }
      .preloader-letters img:nth-child(10) {
        -webkit-animation-delay: 4s;
                animation-delay: 4s; }
      .preloader-letters img:nth-child(11) {
        -webkit-animation-delay: 4.2s;
                animation-delay: 4.2s; }
      .preloader-letters img:nth-child(12) {
        -webkit-animation-delay: 4.4s;
                animation-delay: 4.4s; }
      .preloader-letters img:nth-child(13) {
        -webkit-animation-delay: 4.6s;
                animation-delay: 4.6s; }
      .preloader-letters img:nth-child(14) {
        -webkit-animation-delay: 4.8s;
                animation-delay: 4.8s; }
      .preloader-letters img:nth-child(15) {
        -webkit-animation-delay: 5s;
                animation-delay: 5s; }
  .preloader__wheel {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0;
    -webkit-animation: fadeIn 1s ease-in-out forwards;
            animation: fadeIn 1s ease-in-out forwards;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
    .preloader__wheel img {
      width: 13.4rem;
      height: 13.4rem;
      -o-object-fit: contain;
         object-fit: contain;
      display: block;
      -webkit-animation: rotate 6s linear infinite;
              animation: rotate 6s linear infinite; }

@media (max-width: 2800.98px) {
  :root {
    font-size: 26px; } }
@media (max-width: 2600.98px) {
  :root {
    font-size: 24px; } }
@media (max-width: 2300.98px) {
  :root {
    font-size: 22px; } }
@media (max-width: 2100.98px) {
  :root {
    font-size: 20px; } }
@media (max-width: 1800.98px) {
  :root {
    font-size: 19px; } }
@media (max-width: 1700.98px) {
  :root {
    font-size: 18px; } }
@media (max-width: 1600.98px) {
  :root {
    font-size: 17px; } }
@media (max-width: 1500.98px) {
  :root {
    font-size: 16px; } }
@media (max-width: 1400.98px) {
  :root {
    font-size: 15px; } }
@media (max-width: 1300.98px) {
  :root {
    font-size: 14px; } }
@media (max-width: 1200.98px) {
  :root {
    font-size: 13px; } }
@media (max-width: 1100.98px) {
  :root {
    font-size: 12px; } }
@media (max-width: 1000.98px) {
  :root {
    font-size: 11px; } }
@media (max-width: 900.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  :root {
    font-size: 17px; }

  .container {
    padding: 0 4rem; } }
@media (max-width: 767.98px) {
  :root {
    font-size: 16px; } }
@media (max-width: 389.98px) {
  :root {
    font-size: 15px; } }
@media (max-width: 375.98px) {
  :root {
    font-size: 14px; } }
@media (max-width: 345.98px) {
  :root {
    font-size: 13px; } }
@media (max-width: 330.98px) {
  :root {
    font-size: 12px; } }
@media (max-width: 320.98px) {
  :root {
    font-size: 11px; } }
@media (max-width: 300.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 1000px) and (orientation: landscape) {
  :root {
    font-size: 8.5px; } }
@media (max-width: 700px) and (orientation: landscape) {
  :root {
    font-size: 8px; } }

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