body {
  font-family: "Noto Serif", serif;
  -webkit-overflow-scrolling: touch; }

button:focus {
  outline: 0; }

input:focus {
  outline: 0; }

textarea:focus {
  outline: 0; }

.contant-wrap {
  max-width: 1440px;
  margin: 0 auto; }

.loading {
  position: fixed;
  margin: 0;
  display: block;
  height: auto !important;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 500;
  display: block;
  text-align: center; }
  .loading img {
    width: 289px;
    height: 123px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }

.mask {
  width: 289px;
  height: 123px;
  z-index: 501;
  background-color: rgba(255, 255, 255, 0.87);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-name: mask-move;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  -webkit-animation-name: mask-move;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite; }

@keyframes mask-move {
  0% {
    top: 50%; }
  100% {
    top: calc(50% - 123px); } }
.col-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.col-md-6 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 600px) {
    .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%; } }

.col-md-4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 600px) {
    .col-md-4 {
      flex: 0 0 33.333%;
      max-width: 33.333%; } }

.col-md-3 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 600px) {
    .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%; } }

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