body {
  font-size: 0;
  background-color: black;
}

img {
  width: 100%;
}

* {
  min-height: 1px;
}

p {
  white-space: nowrap;
}

/* ====================END-FONTS==================== */

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
  left: 0;
  top: 0;
}

.body,
.container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.bg {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  /* background-image: url(../assets/BG.jpg); */
  background-color: #000;
}

/* #region====================BORDER==================== */



/* #region====================TOP==================== */

#body_top .jpt-video-container, .jpt-section{
    height: 100%;
}

[jp-controls]{
    height:100%;
}
#body_top .wrapperTopText {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 65%;
}
#body_top .logo {
  position: relative;
  width: 30%;
}
#body_top .textTop {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 50%;
}

#body_top .jpt-section-video {
    transition: width .5s;
    padding: 0;
    max-height: 26vw;
}

/* ============= Carrossel ============= */
#body_right #carousel{
  position: relative;
  width: 100%;
  max-width: 37vh;
  height: 75%;
  max-height: 180vw;
  margin: 0 auto;
}
#body_right #carousel .jp-carousel-item{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#body_right #carousel .jp-carousel-dotnav{
  margin:10px 5px;
}


.jp-carousel-arrownav-holder-right>* {
  height: 16%;
  max-height: 10.5vw;
}

.jp-carousel-arrownav-holder-left>* {
  height: 16%;
  max-height: 10.5vw;
}

/*  ====================LEFT==================== */

.bg-left{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 85%;
  background-image: url('../assets/IMG-Left.jpg');
  background-size: cover;
  background-position: 58% 45%;
}

.wrapperLeft {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.logo-left-container{
  position: absolute;
  left: 50%;
  top: 13%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  width: 20vh;
}

.textLeft {
  width: 30vh;
  max-width: 80%;
}

/* ====================RIGHT==================== */

.bg-right{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 85%;
  background-image: url('../assets/IMG-right.jpg');
  background-size: cover;
  background-position: 50% 95%;
}
.text-right-container{
  position: relative;
  width: 40%;
  margin-bottom: 10%;
}

.wrapperRight {
  position: absolute;
  background-color: #000;
  width: 100%;
  height: 15%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  bottom: 10%;
}

.containerCta {
  position: absolute;
  left: 50%;
  bottom: 11%;
  transform: translateX(-50%);
  width: 40%;
  max-width: 7vh;
  opacity:0;
}

.logoRight {
  position: absolute;
  top: 7%;
  max-width: 100%;
  width: 100vh;
  align-content: center;
  padding-right: 20%;
  padding-left: 20%;
  /* transform: translateX(-50%); */
}

/* EXPANDED ---------------------------------------------------------------- */

#body_expanded .jpt-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

#body_expanded .jpt-section-video {
    width:70%;
    max-width: 160vh;
    display: flex;
    align-items: center;
}

#body_expanded .jpt-video-container{
    width:100%;
}


/* ====================ANIMATIONS==================== */



.scroll{
  opacity: 0;
}



.anim-carousel, .anim-text-scroll, .anim-text-load {
  opacity: 0;
}

.animLogo {
  transform: scale(0);
  opacity: 0;
}

.animText {
  transform: translateY(30%);
  opacity: 0;
}