.layout-switch .ip-header {
  display: none;
}

.loading {
  overflow: hidden;
}
.loading-off .ip-header {
  position: fixed;
  top: 0;
  z-index: 100;
  min-height: 480px;
  width: 100%;
  height: 100%;
  background-color: #2a2d18;

  display: flex;
  align-items: center;
  justify-content: center;
}
.ip-header {
  display: none;
}
.loading-off .text-container {
  width: 1037px;
  height: 348px;
  display: initial;
}
.text-container {
  display: none;
}
.rowss {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 50;
  letter-spacing: -5px;
  font-weight: 100;
  font-size: 100px;
  stroke-width: 3px;
  opacity: 0.1;
}
.rowss.drawing {
  animation: DrawTextPath 4s cubic-bezier(0.59, 0.03, 0.27, 0.89);
  animation-fill-mode: forwards;
}
@keyframes DrawTextPath {
  0% {
    stroke-dasharray: 10 360;
    fill: rgba(255, 255, 255, 0);
  }
  50% {
    fill: rgba(255, 255, 255, 0.1);
    opacity: 0.1;
  }
  100% {
    stroke-dasharray: 120% 120%;
    fill: rgba(255, 255, 255, 0.5);
    opacity: 0.3;
  }
}

.ip-logo,
.ip-loader {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: default;
  pointer-events: none;
}

.ip-logo {
  top: 0;
  height: 100%;
  -webkit-transform: translate3d(0, 35%, 0);
  transform: translate3d(0, 35%, 0);
}

.ip-loader {
  bottom: 20%;
}

.ip-header .ip-inner {
  display: block;
  margin: 0 auto;
}

.ip-header .ip-logo img {
  min-width: 150px;
  max-width: 257px;
  width: 25%;
}

/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
  opacity: 1;
  -webkit-animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.loading .ip-loader {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
  }
}

@keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
    transform: translate3d(0, 800px, 0);
  }
}

/* Header elements when loading finishes */
/* Header elements when loading finishes */
/* Header elements when loading finishes */
/* Header elements when loading finishes */
.loaded .ip-logo,
.loaded .ip-loader {
  opacity: 1;
}

.loaded .ip-logo {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
  animation: animLoadedLogo 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0)
      scale3d(0.65, 0.65, 1);
    transform: translate3d(0, 100%, 0) translate3d(0, 20px, 0)
      scale3d(0.65, 0.65, 1);
    opacity: 0;
  }
}

.loaded .ip-loader {
  -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
  animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@-webkit-keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
  }
}

@keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
  }
}

/* Header animation when loading finishes */
/* Header animation when loading finishes */
/* Header animation when loading finishes */
.loaded .ip-header {
  -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
  animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@-webkit-keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
  }
}

@keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

/* Content animations */
/* Content animations */
/* Content animations */
/* Content animations */

.loaded .bi1,
.loaded .menu_sd-b1,
.loaded .menu_sd-b2,
.loaded .bist1,
.loaded .swiper-pagination1,
.loaded .bi_btn {
  -webkit-animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.loaded .bi1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.loaded .menu_sd-b1,
.loaded .menu_sd-b2 {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}

.loaded .bist1 {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.loaded .swiper-pagination1,
.loaded .bi_btn {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

@keyframes animLoadedContent {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
}

/* Content animations */
/* Content animations */
/* Content animations */
/* Content animations */

.loaded.layout-switch .itm_logo-b2,
.loaded.layout-switch .menu_sd-b1,
.loaded.layout-switch .menu_sd-b2,
.loaded.layout-switch .bist1,
.loaded.layout-switch .swiper-pagination1,
.loaded.layout-switch .bi_btn {
  -webkit-animation: animLoadedContent1 1s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animLoadedContent1 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}
.loaded.layout-switch .bi1 {
  -webkit-animation: animLoadedContent3 1s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animLoadedContent3 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.loaded.layout-switch .bi1.bn-wp,
.loaded.layout-switch .bn_int {
  -webkit-animation: animLoadedContent2 1s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animLoadedContent2 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.loaded.layout-switch .bi1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loaded.layout-switch .bi1.bn-wp,
.loaded.layout-switch .bn_int {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loaded.layout-switch .itm_logo-b2,
.loaded.layout-switch .menu_sd-b1,
.loaded.layout-switch .menu_sd-b2 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loaded.layout-switch .bist1 {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.loaded.layout-switch .swiper-pagination1,
.loaded.layout-switch .bi_btn {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}

@keyframes animLoadedContent1 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}
@keyframes animLoadedContent2 {
  from {
    opacity: 1;
    height: 350px;
  }
}
@keyframes animLoadedContent3 {
  from {
    opacity: 1;
    height: 600px;
  }
}

/* Content animations */
/* Content animations */
/* Content animations */
/* Content animations */

/* Change layout class for header */
.layout-switch .ip-header {
  position: absolute;
}

/* No JS */
/* .no-js .ip-header {
  position: relative;
  min-height: 0px;
}

.no-js .ip-header .ip-logo {
  margin-top: 20px;
  height: 180px;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.no-js .ip-header .ip-logo svg path {
  fill: #fff;
} */

/* Media queries */

/* @media screen and (max-width: 45em) {
  .ip-main h2 {
    font-size: 2.25em;
    font-size: 10vw;
  }

  .box {
    width: 100%;
  }
} */

/* adssandjnasdjkas */
/* adssandjnasdjkas */
/* adssandjnasdjkas */
/* adssandjnasdjkas */
/* adssandjnasdjkas */

.cloader {
  position: relative;
  margin: 0px auto;
  width: 50px;
  height: 50px;
}
.cloader:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.circular-loader {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.loader-path {
  stroke-dasharray: 150, 200;
  stroke-dashoffset: -10;
  -webkit-animation: dash 1.5s ease-in-out infinite,
    color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #f2e7ba;
  }
  40% {
    stroke: #f2e7ba;
  }
  66% {
    stroke: #f2e7ba;
  }
  80%,
  90% {
    stroke: #f2e7ba;
  }
}
@keyframes color {
  0% {
    stroke: #f2e7ba;
  }
  40% {
    stroke: #f2e7ba;
  }
  66% {
    stroke: #f2e7ba;
  }
  80%,
  90% {
    stroke: #f2e7ba;
  }
}