@charset "UTF-8";
/* CSS Document */

/* ANIMATIONS */

@keyframes fade-in {
	0% { opacity: 0;}
	50% {opacity: 0.5;}
	100% {opacity: 1;}
}

@keyframes fade-out {
	0% { opacity: 1;}
	50% {opacity: 0.5;}
	100% {opacity: 0;}
}

/* FADES */

.an-fade-in{
  animation-name: fade-in;
  animation-duration: 3s;
  animation-iteration-count: 1;
}

.an-fade-out{
  animation-name: fade-out;
  animation-duration: 5s;
  animation-iteration-count: 1;
}

.an-fade-mid{
  animation-name: fade-out;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-delay: 5s;
}

.nav-fade-in{
	animation-name: fade-in;
  	animation-duration: 1s;
  	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.nav-fade-out{
	animation-name: fade-out;
  	animation-duration: 1s;
  	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

/* SPINNER */

.animate-spin {
    position: relative;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

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

/* ROTATES */

.animate-rotate-180 {
    position: relative;
    -webkit-animation:accelerate 1s linear 1;
    -moz-animation:accelerate 1s linear 1;
    animation:accelerate 1s linear 1;
	animation-fill-mode: forwards;
}

@-moz-keyframes accelerate { 100% { -moz-transform: rotate(180deg); } }
@-webkit-keyframes accelerate { 100% { -webkit-transform: rotate(180deg); } }
@keyframes accelerate { 100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); } }

.animate-rotate-180-reverse {
    position: relative;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
    -webkit-animation:accelerate-reverse  1s linear 1;
    -moz-animation:accelerate-reverse  1s linear 1;
    animation:accelerate-reverse  1s linear 1;
	animation-fill-mode: forwards;
	
}

@-moz-keyframes accelerate-reverse { 100% { -moz-transform: rotate(-0deg); } }
@-webkit-keyframes accelerate-reverse  { 100% { -webkit-transform: rotate(-0deg); } }
@keyframes accelerate-reverse  { 100% { -webkit-transform: rotate(-0deg); transform:rotate(-0deg); } }

.animate-rotate-90 {
	position: relative;
    -webkit-animation:rotate-90 0.5s linear 1;
    -moz-animation:rotate-90 0.5s linear 1;
    animation:rotate-90 0.5s linear 1;
	animation-fill-mode: forwards;
}

.animate-rotate-90-reverse {
	position: relative;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
    -webkit-animation:rotate-90-reverse 0.5s linear 1;
    -moz-animation:rotate-90-reverse 0.5s linear 1;
    animation:rotate-90-reverse 0.5s linear 1;
	animation-fill-mode: forwards;
}

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

@-moz-keyframes rotate-90-reverse { 100% { -moz-transform: rotate(0deg); } }
@-webkit-keyframes rotate-90-reverse  { 100% { -webkit-transform: rotate(0deg); } }
@keyframes rotate-90-reverse  { 100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } }

.animate-rotate-minus90 {
	position: relative;
    -webkit-animation:rotate-minus90 0.2s linear 1;
    -moz-animation:rotate-minus90 0.2s linear 1;
    animation:rotate-minus90 0.2s linear 1;
	animation-fill-mode: forwards;
}

.animate-rotate-minus90-reverse {
	position: relative;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
    -webkit-animation:rotate-minus90-reverse 0.2s linear 1;
    -moz-animation:rotate-minus90-reverse 0.2s linear 1;
    animation:rotate-minus90-reverse 0.2s linear 1;
	animation-fill-mode: forwards;
}

@-moz-keyframes rotate-minus90 { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes rotate-minus90 { 100% { -webkit-transform: rotate(90deg); } }
@keyframes rotate-minus90 { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }

@-moz-keyframes rotate-minus90-reverse { 100% { -moz-transform: rotate(-0deg); } }
@-webkit-keyframes rotate-minus90-reverse  { 100% { -webkit-transform: rotate(-0deg); } }
@keyframes rotate-minus90-reverse  { 100% { -webkit-transform: rotate(-0deg); transform:rotate(-0deg); } }

/* MENU ICON */

.animate-menu-in {
	position: relative;
    -webkit-animation:menu-in 0.3s linear 1;
    -moz-animation:menu-in 0.3s linear 1;
    animation:menu-in 0.3s linear 1;
	animation-fill-mode: forwards;
}

.animate-menu-out {
	position: relative;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
    -webkit-animation:rotate-90-reverse 0.5s linear 1;
    -moz-animation:rotate-90-reverse 0.5s linear 1;
    animation:rotate-90-reverse 0.5s linear 1;
	animation-fill-mode: forwards;
}

@-moz-keyframes menu-in { 99% { -moz-transform: scale(0); } }
@-webkit-keyframes menu-in { 99% {-webkit-transform: scale(0); } }
@keyframes menu-in { 99% {  -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(0); transform: scale(0); }}

@-moz-keyframes rotate-90-reverse { 100% { -moz-transform: rotate(0deg); } }
@-webkit-keyframes rotate-90-reverse  { 100% { -webkit-transform: rotate(0deg); } }
@keyframes rotate-90-reverse  { 100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } }

/* VIDEO */

.video-background{
	position: relative;
	z-index: 0;
}

.mobile-video-background{
	position: relative;
	z-index: 0;
}

.video-background-cms{
	position: absolute;
	overflow: hidden;
	width: 62% !important;
	z-index: 0;
}

video.fullscreen {
  position: relative;
  z-index: 0;
  object-fit: contain;
  width:100%;
  height:100%;

  &::-webkit-media-controls {
     
  }
}