/** clockwise rotation **/

@-webkit-keyframes RotateClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-moz-keyframes RotateClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes RotateClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-ms-keyframes RotateClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes RotateClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/** counter clockwise rotation **/

@-webkit-keyframes RotateCounterClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}

@-moz-keyframes RotateCounterClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}

@-o-keyframes RotateCounterClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}

@-ms-keyframes RotateCounterClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}

@keyframes RotateCounterClockwise {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}

@keyframes letItFly {
  25% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
    transform: scale(1.4) skew(0deg, 0deg);
  }

  75% {
    opacity: 0.7;
  }

  90% {
    opacity: 0.1;
  }

  100% {
    left: 80%;
    transform: scale(1) skew(-15deg, 18deg);
    opacity: 0;
    filter: drop-shadow(18px 10px 2px #999999);
  }
}

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

.spark-header[data-breakpoint="xs"]:not(.spark-header_placeholder),
.spark-header.spark-header--condensed:not(.spark-header_placeholder) {
  height: 6rem;
}

.spark-header[data-breakpoint="xs"]:not(.spark-header__placeholder)
  .spark-header__nav,
.spark-header.spark-header--condensed:not(.spark-header__placeholder)
  .spark-header__nav {
  height: 6rem;
}

[dir="ltr"]
  .spark-header[data-breakpoint="xs"]:not(.spark-header__placeholder)
  .spark-header__title,
[dir="ltr"]
  .spark-header.spark-header--condensed:not(.spark-header__placeholder)
  .spark-header__title {
  padding: 0 2rem calc(1.5rem - 0.125rem) 1rem;
}

[dir="rtl"]
  .spark-header[data-breakpoint="xs"]:not(.spark-header__placeholder)
  .spark-header__title,
[dir="rtl"]
  .spark-header.spark-header--condensed:not(.spark-header__placeholder)
  .spark-header__title {
  padding: 0 1rem calc(1.5rem - 0.125rem) 2rem;
}

/** Loader **/
.progress-background {
 background: #14141F!important;
 max-height: 100vh;
 position: fixed;
 top: 0;
 max-width: 100vw;
}
[dir=ltr] .screen-centered {
 display:flex;
 flex-direction: row;
 justify-content: center;
 align-items: flex-end;
}
html[dir="ltr"] .ProgressIndicator:before {
 background-image: url("../images/gulf-loader.svg");
 width: 120px;
 height: 135px;
 display:block;
 content:'';
 position: absolute;
 top: -60px;
}
html[dir="ltr"] .ProgressIndicator > progress,
.ProgressIndicator .spark-progress__text,
.ProgressIndicator .spark-progress__meter {
 max-width: 25px!important;
 max-height: 25px!important;
 width: 25px!important;
 height: 25px!important;
 content:'';
 border:none!important;
 background-color:transparent!important;
 animation: none!important;
 position:relative;
 display: block !important;
 top: auto!important;
 left: auto!important;
 right: auto;
 margin: 0!important;
 padding: 0!important;
}
html[dir="ltr"] .ProgressIndicator > progress:before,
.ProgressIndicator .spark-progress__text:before,
.ProgressIndicator .spark-progress__meter:before {
 max-width: 25px;
 max-height: 25px;
 width: 25px;
 height: 25px;
 position:relative;
 display: block !important;
 top: 0!important;
 left: 0!important;
 margin: 0!important;
 padding: 0!important;
 border:none!important;
 transform: scale(0);
 border-radius: 50%;
 background-color: #a18f63;
 animation: pulse 1.5s infinite linear!important;
 content:'';
}
html[dir="ltr"] .ProgressIndicator > progress {
 margin-right: 1.5rem!important;
}
.ProgressIndicator .spark-progress__meter {
 margin-left: 1.5rem!important;
}
.ProgressIndicator .spark-progress__text {
 color: #14141F!important;
 font-size: 0!important;
}
.ProgressIndicator .spark-progress__text:before {
 animation-delay:0.25s!important;
}
.ProgressIndicator .spark-progress__meter:before {
 animation-delay:0.5s!important;
}
html[dir="ltr"] .ProgressIndicator > progress:after {
 display:none;
}
.initial-progress-indicator {
 background: #14141F;
 height: 100vh;
 width: 100vw;
 position: fixed;
 top: 0;
 left: 0;
 display: flex;
 justify-content: center;
 align-items: center;
}
.dxp-spinner {
 background-image: url("../images/gulf-loader.svg");
 background-repeat: no-repeat;
 width: 120px;
 height: 200px;
 display: flex;
 flex-direction: row;
 align-items: flex-end;
 justify-content: space-evenly;
}
.dxp-spinner span {
 width: 25px;
 height: 25px;
 display: block ;
 border-radius: 50%; 
 background-color: #a18f63;
 transform: scale(0);
 animation: pulse 1.5s infinite linear!important;
 content:'';
}
.dxp-spinner .bounce2 {
 animation-delay:0.25s!important;
}
.dxp-spinner .bounce3 {
 animation-delay:0.5s!important;
}
.page-loading-message {
 display:none;
}
@keyframes pulse {
 0% {
 transform: scale(0);
 }
 20% {
 transform: scale(1);
 }
 25%,75% {
 transform: scale(.9);
 }
 100% {
 transform: scale(0);
 }
}
.spark-progress__meter:after {
 display: none !important;
}
/** End Loader **/