/*
Author: Mohammad Zare
Author URI: http://mohammadz.com/
*/
@charset "UTF-8";

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans-Variable.ttf") format("truetype");
  font-weight: 1 999;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:focus {
  outline: 0 !important;
}

::selection {
  background: rgba(0, 0, 0, 0.1);
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.1);
}

html,
body {
  width: 100vw;
  height: 100vh;
}

body {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  overflow: hidden;
  background: #f5ebdd url(../img/bg-01.svg) repeat center;
  background-repeat: repeat;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;

}

.logo {
  fill: #631305;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
}
.logo .logo-elm-1 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

body.page-loaded .logo .logo-elm-1 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-2 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s;
}

body.page-loaded .logo .logo-elm-2 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-3 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

body.page-loaded .logo .logo-elm-3 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-4 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s;
}

body.page-loaded .logo .logo-elm-4 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-5 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
}

body.page-loaded .logo .logo-elm-5 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-6 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s;
}

body.page-loaded .logo .logo-elm-6 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-7 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
}

body.page-loaded .logo .logo-elm-7 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-8 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s;
}

body.page-loaded .logo .logo-elm-8 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-9 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

body.page-loaded .logo .logo-elm-9 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-10 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
}

body.page-loaded .logo .logo-elm-10 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-11 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

body.page-loaded .logo .logo-elm-11 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-12 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
}

body.page-loaded .logo .logo-elm-12 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-13 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

body.page-loaded .logo .logo-elm-13 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-14 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
}

body.page-loaded .logo .logo-elm-14 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-15 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

body.page-loaded .logo .logo-elm-15 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-16 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.15s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.15s;
}

body.page-loaded .logo .logo-elm-16 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-17 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

body.page-loaded .logo .logo-elm-17 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-18 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
}

body.page-loaded .logo .logo-elm-18 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-19 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

body.page-loaded .logo .logo-elm-19 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-20 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
}

body.page-loaded .logo .logo-elm-20 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-21 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

body.page-loaded .logo .logo-elm-21 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-22 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
}

body.page-loaded .logo .logo-elm-22 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-23 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

body.page-loaded .logo .logo-elm-23 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-24 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5500000000000003s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5500000000000003s;
}

body.page-loaded .logo .logo-elm-24 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-25 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

body.page-loaded .logo .logo-elm-25 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-26 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.65s;
}

body.page-loaded .logo .logo-elm-26 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-27 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

body.page-loaded .logo .logo-elm-27 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-28 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
}

body.page-loaded .logo .logo-elm-28 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-29 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s;
}

body.page-loaded .logo .logo-elm-29 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-30 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
}

body.page-loaded .logo .logo-elm-30 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-31 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}

body.page-loaded .logo .logo-elm-31 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-32 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
}

body.page-loaded .logo .logo-elm-32 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-33 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

body.page-loaded .logo .logo-elm-33 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-34 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s;
}

body.page-loaded .logo .logo-elm-34 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-35 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

body.page-loaded .logo .logo-elm-35 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-36 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s;
}

body.page-loaded .logo .logo-elm-36 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-37 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

body.page-loaded .logo .logo-elm-37 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-38 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s;
}

body.page-loaded .logo .logo-elm-38 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-39 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
}

body.page-loaded .logo .logo-elm-39 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-40 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s;
}

body.page-loaded .logo .logo-elm-40 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-41 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
}

body.page-loaded .logo .logo-elm-41 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-42 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s;
}

body.page-loaded .logo .logo-elm-42 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-43 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

body.page-loaded .logo .logo-elm-43 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-44 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.55s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.55s;
}

body.page-loaded .logo .logo-elm-44 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-45 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

body.page-loaded .logo .logo-elm-45 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-46 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.65s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.65s;
}

body.page-loaded .logo .logo-elm-46 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-47 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

body.page-loaded .logo .logo-elm-47 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-48 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s;
}

body.page-loaded .logo .logo-elm-48 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-49 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
}

body.page-loaded .logo .logo-elm-49 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-50 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.85s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.85s;
}

body.page-loaded .logo .logo-elm-50 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-51 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
}

body.page-loaded .logo .logo-elm-51 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-52 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.95s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.95s;
}

body.page-loaded .logo .logo-elm-52 {
  fill: rgb(99, 19, 5);
}

.logo .logo-elm-53 {
  fill: transparent;
  -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

body.page-loaded .logo .logo-elm-53 {
  fill: rgb(99, 19, 5);
}

@media screen and (orientation: portrait) {
  body {
    background-size: 100% auto;
  }
}

@media screen and (orientation: landscape) {
  body {
    background-size: auto 100%;
  }
}

@media (prefers-reduced-motion: reduce) {}