:root {
  --otp-color-1: #fd0c0e;
  --otp-color-2: #fd0c0e;
  --main-color: #fd0c0e;
  --main-color-light: rgba(235, 152, 0, 0.5);
  --main-color-lighter: rgba(235, 152, 0, 0.3);
  --main-color-lightest: rgba(235, 152, 0, 0.1);
  --main-text-color: #fff;
  --bg-1: none;
}
.no-js #loader {
  display: none;
}
.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}
.pam-pre-load,
.pam-pre-load-animate {
  position: fixed;
  left: 0px;
  right: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10010;
  background: center no-repeat #fff;
}
.pam-pre-load-animate.sweep {
  background-color: transparent !important;
  display: none;
}
.pam-pre-load-animate.sweep > .layer1,
.pam-pre-load-animate.sweep > .layer2 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.pam-pre-load-animate.sweep[data-effect=sweepleft] > .layer1,
.pam-pre-load-animate.sweep[data-effect=sweepleft] > .layer2 {
  right: 0;
  left: initial;
  top: 0;
}
.pam-pre-load-animate.sweep[data-effect=sweepright] > .layer1,
.pam-pre-load-animate.sweep[data-effect=sweepright] > .layer2 {
  right: initial;
  left: 0;
  top: 0;
}
.pam-pre-load-animate.sweep[data-effect=sweepup] > .layer1,
.pam-pre-load-animate.sweep[data-effect=sweepup] > .layer2 {
  right: 0;
  left: 0;
  top: 0;
  height: 100vh;
  transform: translateY(100%);
}
.pam-pre-load-animate.sweep[data-effect=sweepdown] > .layer1,
.pam-pre-load-animate.sweep[data-effect=sweepdown] > .layer2 {
  right: 0;
  left: 0;
  top: 0;
}
.pam-pre-load-animate.sweep[data-effect=sweepleft] > .layer1 {
  background-color: #fff;
  -webkit-animation: sweepleft2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepleft2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
.pam-pre-load-animate.sweep[data-effect=sweepleft] > .layer2 {
  background-color: #fff;
  -webkit-animation: sweepleft1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepleft1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
.pam-pre-load-animate.sweep[data-effect=sweepright] > .layer1 {
  background-color: #fff;
  -webkit-animation: sweepright2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepright2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
.pam-pre-load-animate.sweep[data-effect=sweepright] > .layer2 {
  background-color: #fff;
  -webkit-animation: sweepright1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepright1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
.pam-pre-load-animate.sweep[data-effect=sweepdown] > .layer1 {
  background-color: #fff;
  -webkit-animation: sweepdown2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepdown2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
.pam-pre-load-animate.sweep[data-effect=sweepdown] > .layer2 {
  background-color: #fff;
  -webkit-animation: sweepdown1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepdown1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
.pam-pre-load-animate.sweep[data-effect=sweepup] > .layer1 {
  background-color: #fff;
  -webkit-animation: sweepup2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepup2 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
.pam-pre-load-animate.sweep[data-effect=sweepup] > .layer2 {
  background-color: #fff;
  -webkit-animation: sweepup1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
  animation: sweepup1 1.85s cubic-bezier(0.67, 0, 0.3, 1) forwards;
}
@-webkit-keyframes sweepleft1 {
  0% {
    -ms-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateX(-100%);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepleft1 {
  0% {
    -ms-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateX(-100%);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@-webkit-keyframes sweepleft2 {
  0%, 14.5% {
    -ms-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translateX(-100%);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepleft2 {
  0%, 14.5% {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@-webkit-keyframes sweepright1 {
  0% {
    -ms-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateX(100%);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepright1 {
  0% {
    -ms-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateX(100%);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@-webkit-keyframes sweepright2 {
  0%, 14.5% {
    -ms-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translateX(100%);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepright2 {
  0%, 14.5% {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@-webkit-keyframes sweepdown1 {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateY(100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepdown1 {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateY(100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@-webkit-keyframes sweepdown2 {
  0%, 14.5% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translateY(100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepdown2 {
  0%, 14.5% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translateY(100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@-webkit-keyframes sweepup1 {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateY(-100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepup1 {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30%, 100% {
    -ms-transform: translateY(-100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@-webkit-keyframes sweepup2 {
  0%, 14.5% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translateY(-100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
@keyframes sweepup2 {
  0%, 14.5% {
    -ms-transform: translateY(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  34.5%, 100% {
    -ms-transform: translateY(-100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.67, 0, 0.3, 1);
  }
}
.pam-pre-load.gif1 {
  background-image: url("pre-load/128/Preloader_1.gif");
}
/*RIPPLE*/

@keyframes pam-ripple {
  0% {
    top: 98px;
    left: 98px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 19px;
    left: 19px;
    width: 158px;
    height: 158px;
    opacity: 0;
  }
}
@-webkit-keyframes pam-ripple {
  0% {
    top: 98px;
    left: 98px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 19px;
    left: 19px;
    width: 158px;
    height: 158px;
    opacity: 0;
  }
}
.shared-rule {
  position: relative;
  top: calc(50vh - 100px);
  display: block;
  margin: auto;
}
.pam-ripple div {
  box-sizing: content-box;
  position: absolute;
  border-width: 2px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: pam-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation: pam-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.pam-ripple div:nth-child(1) {
  border-color: #fff;
}
.pam-ripple div:nth-child(2) {
  border-color: #fff;
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.pam-ripple {
  width: 200px;
  height: 200px;
  position: relative;
  top: calc(50vh - 100px);
  display: block;
  margin: auto;
  /*-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);*/
}
/*ECLIPSE*/

@keyframes pam-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pam-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pam-eclipse {
  position: relative;
  top: calc(50vh - 100px);
  display: block;
  margin: auto;
}
.pam-eclipse {
  width: 120px;
  height: 120px;
}
.pam-eclipse div {
  position: absolute;
  -webkit-animation: pam-eclipse 1s linear infinite;
  animation: pam-eclipse 1s linear infinite;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #fff;
  -webkit-transform-origin: 60px 62px;
  transform-origin: 60px 62px;
}
/*box-with-bar*/

.pam-pre-load .box-with-bar {
  width: 250px;
  height: 150px;
  background-color: #ececec;
  border-radius: 5px;
  position: relative;
  top: calc(50vh - 100px);
  display: block;
  margin: auto;
}
.pam-pre-load .box-with-bar span.bar {
  display: inline-block;
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background-color: #ececec;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: box-with-bar-move 0.5s linear infinite;
  border-radius: 0;
  overflow: hidden;
}
.pam-pre-load .box-with-bar p {
  text-align: center;
}
.pam-pre-load .box-with-bar p.text1 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 5px;
  min-height: 60px;
  max-height: 60px;
}
.pam-pre-load .box-with-bar p.text2 {
  font-size: 25px;
  margin-top: -20px;
  font-weight: 600;
  letter-spacing: 5px;
  color: #fff;
  min-height: 50px;
  max-height: 50px;
}
.pam-pre-load .box-with-bar p.text3 {
  font-size: 13px;
  margin-top: -10px;
  min-height: 26px;
  max-height: 26px;
}
.pam-pre-load .box-with-bar p.text3 > span {
  color: #fff;
  font-weight: bold;
}
@keyframes box-with-bar-move {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -20px;
  }
}
/*RoundBox*/

.pam-round-box {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 148px;
  width: 148px;
  margin-top: -59px;
  margin-left: -59px;
}
.object {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin-right: 20px;
  float: left;
  margin-bottom: 20px;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.object:nth-child(4n+0) {
  margin-right: 0;
}
#object_1 {
  -webkit-animation: animate 1.7s -1.6s ease-in-out infinite;
  animation: animate 1.7s -1.6s ease-in-out infinite;
}
#object_2 {
  -webkit-animation: animate 1.7s -1.5s ease-in-out infinite;
  animation: animate 1.7s -1.5s ease-in-out infinite;
}
#object_3 {
  -webkit-animation: animate 1.7s -1.4s ease-in-out infinite;
  animation: animate 1.7s -1.4s ease-in-out infinite;
}
#object_4 {
  -webkit-animation: animate 1.7s -1.3 ease-in-out infinite;
  animation: animate 1.7s -1.3s ease-in-out infinite;
}
#object_5 {
  -webkit-animation: animate 1.7s -1.2s ease-in-out infinite;
  animation: animate 1.7s -1.2s ease-in-out infinite;
}
#object_6 {
  -webkit-animation: animate 1.7s -1.1s ease-in-out infinite;
  animation: animate 1.7s -1.1s ease-in-out infinite;
}
#object_7 {
  -webkit-animation: animate 1.7s -1s ease-in-out infinite;
  animation: animate 1.7s -1s ease-in-out infinite;
}
#object_8 {
  -webkit-animation: animate 1.7s -0.9s ease-in-out infinite;
  animation: animate 1.7s -0.9s ease-in-out infinite;
}
#object_9 {
  -webkit-animation: animate 1.7s -0.8s ease-in-out infinite;
  animation: animate 1.7s -0.8s ease-in-out infinite;
}
#object_10 {
  -webkit-animation: animate 1.7s -0.7s ease-in-out infinite;
  animation: animate 1.7s -0.7s ease-in-out infinite;
}
#object_11 {
  -webkit-animation: animate 1.7s -0.6s ease-in-out infinite;
  animation: animate 1.7s -0.6s ease-in-out infinite;
}
#object_12 {
  -webkit-animation: animate 1.7s -0.5s ease-in-out infinite;
  animation: animate 1.7s -0.5s ease-in-out infinite;
}
#object_13 {
  -webkit-animation: animate 1.7s -0.4s ease-in-out infinite;
  animation: animate 1.7s -0.4s ease-in-out infinite;
}
#object_14 {
  -webkit-animation: animate 1.7s -0.3s ease-in-out infinite;
  animation: animate 1.7s -0.3s ease-in-out infinite;
}
#object_15 {
  -webkit-animation: animate 1.7s -0.2s ease-in-out infinite;
  animation: animate 1.7s -0.2s ease-in-out infinite;
}
#object_16 {
  -webkit-animation: animate 1.7s -0.1s ease-in-out infinite;
  animation: animate 1.7s -0.1s ease-in-out infinite;
}
@-webkit-keyframes animate {
  50% {
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes animate {
  50% {
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.advanced-loading-animate {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000000;
  background-color: #fff;
}
.pageload-overlay svg path {
  fill: #fff;
}