@font-face {
  font-family: 'myFont';
  src: url("/fonts/acuminpro-italic.ttf");
}
html, body {
  height: 100%;
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background-color: transparent;
  font-family: 'myFont';
  color: #000;
  font-size: 50px;
  overflow: hidden;
}
#loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  background-color: #ddd;
  z-index: 99;
}
#loading-image {
  z-index: 100;
}
@keyframes ldio-kfok029nvq {
  0% {
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1.5, 1.5);
  }
  100% {
    opacity: 0;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1, 1);
  }
}
.ldio-kfok029nvq div > div {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #21aabd;
  animation: ldio-kfok029nvq 1s linear infinite;
}
.ldio-kfok029nvq div:nth-child(1) > div {
  left: 148px;
  top: 88px;
  animation-delay: -0.875s;
}
.ldio-kfok029nvq > div:nth-child(1) {
  transform: rotate(0deg);
  transform-origin: 160px 100px;
}
.ldio-kfok029nvq div:nth-child(2) > div {
  left: 130px;
  top: 130px;
  animation-delay: -0.75s;
}
.ldio-kfok029nvq > div:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 142px 142px;
}
.ldio-kfok029nvq div:nth-child(3) > div {
  left: 88px;
  top: 148px;
  animation-delay: -0.625s;
}
.ldio-kfok029nvq > div:nth-child(3) {
  transform: rotate(90deg);
  transform-origin: 100px 160px;
}
.ldio-kfok029nvq div:nth-child(4) > div {
  left: 46px;
  top: 130px;
  animation-delay: -0.5s;
}
.ldio-kfok029nvq > div:nth-child(4) {
  transform: rotate(135deg);
  transform-origin: 58px 142px;
}
.ldio-kfok029nvq div:nth-child(5) > div {
  left: 28px;
  top: 88px;
  animation-delay: -0.375s;
}
.ldio-kfok029nvq > div:nth-child(5) {
  transform: rotate(180deg);
  transform-origin: 40px 100px;
}
.ldio-kfok029nvq div:nth-child(6) > div {
  left: 46px;
  top: 46px;
  animation-delay: -0.25s;
}
.ldio-kfok029nvq > div:nth-child(6) {
  transform: rotate(225deg);
  transform-origin: 58px 58px;
}
.ldio-kfok029nvq div:nth-child(7) > div {
  left: 88px;
  top: 28px;
  animation-delay: -0.125s;
}
.ldio-kfok029nvq > div:nth-child(7) {
  transform: rotate(270deg);
  transform-origin: 100px 40px;
}
.ldio-kfok029nvq div:nth-child(8) > div {
  left: 130px;
  top: 46px;
  animation-delay: 0s;
}
.ldio-kfok029nvq > div:nth-child(8) {
  transform: rotate(315deg);
  transform-origin: 142px 58px;
}
.loadingio-spinner-spin-p12v8hntqp {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: #dddddd;
}
.ldio-kfok029nvq {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-kfok029nvq div {
  box-sizing: content-box;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#myVideo.show {
  opacity: 1 !important;
}
.overlay {
  display: grid;
  height: 100%;
  width: 100%;
  place-items: center;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.overlay.hidden {
	opacity: 0;
}
@keyframes overlayanimation{
  0%{
    transform: perspective(1500px) rotateY(-90deg);
  }
  20%{
    transform: perspective(1500px) rotateY(0deg);
  }
  80%{
    transform: perspective(1500px) rotateY(0deg);
  }
  100%{
    transform: perspective(1500px) rotateY(90deg);

  }
}
.overlay img {
  animation-name: overlayanimation;
  animation-duration:5s; 
  animation-repeat:infinite;
  animation-iteration-count: infinite;
  animation-delay: 0s; 
  animation-fill-mode: none;
}
.slides {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.slide {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.slides.show {
  opacity: 1 !important;
}
.fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
}
#container {
  position: absolute;
  height: 1080px;
  width: 1920px;
  color: #303030;
}
.loading {
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  opacity: 1;
}
.loaded {
  opacity: 0 !important;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.box-bottom {
  padding: 5px 20px 5px 75px;
  font-weight: bold;
  color: #FFF;
  background-color: #2e3e4e;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.box-bottom.WhatsApp {
  color: #FFF;
  background-color: #37bb23;
}
.box-bottom.WhatsApp::after {
  content: "\e900";
  font: normal normal normal 12px/1 medias;
  font-size: 12px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  padding-top: 5px;
}
.box-bottom.Messenger {
  color: #FFF;
  background-color: #006AFF;
}
.box-bottom.Messenger::after {
  content: "\e90b";
  font: normal normal normal 12px/1 medias;
  font-size: 12px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  padding-top: 5px;
}
.box-bottom.Facebook {
  color: #FFF;
  background-color: #4267B2;
}
.box-bottom.Facebook::after {
  content: "\e904";
  font: normal normal normal 12px/1 medias;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  padding-top: 5px;
}
.box-bottom.SMS {
  color: #FFF;
  background-color: #5BC236;
}
.box-bottom.SMS::after {
  content: "\e90c";
  font: normal normal normal 12px/1 medias;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  padding-top: 5px;
}
.box-bottom.Form {
  color: #FFF;
  background-color: #21AABD;
}
.box-bottom.Form::after {
  content: "\f15c";
  font: normal normal normal 12px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  float: right;
  padding-top: 5px;
}

.slide {	
  position: absolute;	
  top: 50%;
  left: 50%;

  animation-name: animation;
  animation-duration:10s; 
  animation-repeat:infinite;
  animation-iteration-count: infinite;
  animation-delay: 1s; 
  animation-fill-mode: none;
	
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 30px;
	
  position: absolute;
  transform: translate(-50%, -50%) perspective(1500px) rotateY(-2deg) rotateX(2deg);
}

@keyframes animation{
  0%{
    transform: translate(-50%, -50%) perspective(1500px) rotateY(-2deg) rotateX(2deg);
  }
  50%{
    transform: translate(-50%, -50%) perspective(1500px) rotateY(2deg) rotateX(-2deg);
  }
  100%{
    transform: translate(-50%, -50%) perspective(1500px) rotateY(-2deg) rotateX(2deg);

  }
}
/* -- single-message -- */
#single-message {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#single-message .slide.single-message {
  width: 80%;
	background-color: rgba(255,255,255,.7);backdrop-filter: blur(10px);
}


#single-message .slide.single-message .box-top {
  padding: 25px 75px 50px;
  
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#single-message .slide.single-message .box-top .author {
  font-weight: bold;
  margin-bottom: 25px;
}
/* -- single-audio -- */
#single-audio {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#single-audio .slide.single-audio {
  width: 80%;
}
#single-audio .slide.single-audio .box-top {
  padding: 25px 75px 50px;
  background-color: rgba(255,255,255,.7);backdrop-filter: blur(10px);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#single-audio .slide.single-audio .box-top .author {
  font-weight: bold;
  margin-bottom: 25px;
}
#single-audio .slide.single-audio .box-top .player {
  position: relative;
}
/* -- single-image -- */
#single-image {
  height: 100%;
  width: 100%;
}
#single-image .slide.single-image {
  width: 80%;
}
#single-image #single-image-slides .box-top {
  /*padding: 15px 15px 0;*/
  background-color: #FFF;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#single-image #single-image-slides .media {
  position: relative;
  overflow: hidden;
  height: 750px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#single-image #single-image-slides .media .background {
  position: absolute;
  top: -25px;
  left: -25px;
  bottom: -25px;
  right: -25px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(20px)
}
#single-image #single-image-slides .media .src {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
#single-image #single-image-slides .author {
  padding: 10px 25px;
  text-align: right;
  background-color: #FFF;
  font-size: 30px;
}
/* -- single-video -- */
#single-video {
  height: 100%;
  width: 100%;
}
#single-video .slide.single-video {
  width: 80%;
}
#single-video #single-video-slides .box-top {
  /*padding: 15px 15px 0;*/
  /*background-color: #FFF;*/
  background-color: rgba(0,0,0,.85);backdrop-filter: blur(10px);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#single-video #single-video-slides .media {
  position: relative;
  overflow: hidden;
  height: 750px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
	/*background-color: #000;*/
}
#single-video #single-video-slides .media .background {}
#single-video #single-video-slides .media .video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
#single-video #single-video-slides .author {
  position: absolute;
  bottom: 70px;
  right: 0;
  padding: 10px 25px;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 30px;
}
/* -- message-image -- */
#message-image #message-image-slides {
  position: absolute;
  top: 100px;
  left: 100px;
  height: 850px;
  width: 1680px;
  overflow: hidden;
  background-color: rgb(255, 255, 255, .9);
  font-size: 36px;
}
#message-image .slide.message-image {
  left: 10px;
  top: 10px;
  position: absolute;
  width: 1660px;
  height: 830px;
}
#message-image #message-image-slides .message {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 810px;
  width: 670px;
}
#message-image #message-image-slides .media {
  position: relative;
  overflow: hidden;
  width: 960px;
  height: 830px;
  left: 700px;
}
#message-image #message-image-slides .media .background {
  position: absolute;
  top: -25px;
  left: -25px;
  bottom: -25px;
  right: -25px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(20px)
}
#message-image #message-image-slides .media .src {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
#message-image #message-image-slides .author {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* -- message-video -- */
#message-video #message-video-slides {
  position: absolute;
  top: 100px;
  left: 100px;
  height: 850px;
  width: 1680px;
  overflow: hidden;
  background-color: rgb(255, 255, 255, .9);
  font-size: 36px;
}
#message-video .slide.message-video {
  left: 10px;
  top: 10px;
  position: absolute;
  width: 1660px;
  height: 830px;
}
#message-video #message-video-slides .message {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 810px;
  width: 670px;
}
#message-video #message-video-slides .media {
  position: relative;
  overflow: hidden;
  width: 960px;
  height: 830px;
  left: 700px;
  background-color: #000;
}
#message-video #message-video-slides .media .background {
  position: absolute;
  top: -25px;
  left: -25px;
  bottom: -25px;
  right: -25px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(20px)
}
#message-video #message-video-slides .media .video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
#message-video #message-video-slides .author {
  position: absolute;
  bottom: 0;
  right: 0;
}
.slide {
  opacity: 0;
}
.slide.show {
  opacity: 1 !important;
}
/* --- toastr --- */
#toast-container > .toast-info {
  background-image: none !important;
}
#toast-container > div {
  padding: 15px !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  color: #034159 !important;
  background-color: #FFF;
  border-right: 10px solid #5729FF;
}
.toast-message {
  float: right;
}