*{
  margin: 0;
  padding: 0;
}


#victorious-container{
  width: 100%;
  height: calc(100vh - 85px); /*55px*/
  text-align: center;
  position: relative;
}

#victorious-container h2{
  font-family: politica-condensed, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  color: #fff;
}

#victorious-container h3{
  font-family: politica-condensed, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  color: #80b53f;
}

#victorious-container h4{
  font-family: politica-condensed, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  margin: 25px auto;
}

#victorious-container p,
#victorious-container span{
  font-family: politica-condensed, sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 15px;
  line-height: 22px;
  color: #fff;
  margin: 0;
}

#victorious-container video{
  width: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#victorious-container audio{
  opacity: 0;
}

#victorious-container .btnPlayIphone{
  position: absolute;
  margin: auto;
  top: 50%;
  left: 0;
  right: 0;
}

#victorious-container .text-container{
  position: absolute;
  width: 60%;
  height: fit-content;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

#victorious-container .text-container p,
#victorious-container .text-container span{
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  display: inline;
}

#victorious-container .text-container p span{
  background-color: #7ec624;
}

#victorious-container .text-container.esp p{
  font-size: 14px;
  line-height: 20px;
  margin-top: 35px;
}

/*================ MAIN CONTAINER BAR*/
#victorious-container #main-content{
  overflow: hidden;
}

#victorious-container #main-content .slide-container{
  display: flex;
  width: calc(100vw * 39)/*=********************************************=*/
}

/*============================== BAR PROGRESS STYLES*/
#victorious-container #bar-progress .bar-container{
  width: 100%;
  height: 10px;
  background-color: #476525;
  mix-blend-mode:
}

#victorious-container #bar-progress .bar-container .vic-bar{
  width: 1%;
  height: 100%;
  background-color: #7EC624;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

/*============================== SLIDE STYLES*/
#victorious-container .slide-container .slide{
  position: relative;
  width: 100vw;
  height: calc(100vh - 148px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*============================== SLIDE STYLES*/
#victorious-container .slide-container .slide#vict-open,
#victorious-container .slide-container .slide#btns-open{
  height: calc(100vh - 92px);/*63px*/
  background-image: url('../img/main-back.jpg');
  background-size: cover;
}

#victorious-container .slide-container .slide#txt-open{
  background-color: #000;
  height: calc(100vh - 47px);
}

#victorious-container .slide-container .slide#txt-open p{
  font-size: 14px;
  line-height: 18px;
}

#victorious-container .slide-container .slide#txt-open span{
  font-size: 14px;
  line-height: 18px;
  color: #80b53f;
  background-color: initial;
}

#victorious-container .slide-container .slide#txt-open .txt-open-next{
  position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    margin: 0 auto;
}

#victorious-container .slide-container .slide#vict-open .vict-title{
  position: absolute;
  top: 31%;
  left: 0;
  right: 0;
}

#victorious-container .slide-container .slide#vict-open .vict-title p{
  width: 280px;
  margin: 5px auto;
}

#victorious-container .slide-container .slide#vict-open .main-btns img{
  position: absolute;
}

#victorious-container .slide-container .slide#vict-open .main-btns img:nth-of-type(1){
  width: 65%;
  top: 8%;
  right: 10%;
}

#victorious-container .slide-container .slide#vict-open .main-btns img:nth-of-type(2){
  width: 32%;
  bottom: 3%;
  right: 8%;
}

#victorious-container .slide-container .slide#vict-open .main-btns img:nth-of-type(3){
  width: 40%;
  bottom: 0;
  left: 5%;
}

#victorious-container .slide-container .slide#vict-open .main-btns .main-names .name{
  position: absolute;
  width: min-content;
}

#victorious-container .slide-container .slide#vict-open .main-btns .main-names .name p{
  line-height: 16px;
  font-weight: 700;
  color: #000;
}

#victorious-container .slide-container .slide#vict-open .main-btns .main-names .name.one{
  top: 17%;
  left: 60%;
}

#victorious-container .slide-container .slide#vict-open .main-btns .main-names .name.two{
  bottom: 10%;
  right: 30%;
}

#victorious-container .slide-container .slide#vict-open .main-btns .main-names .name.three{
  bottom: 19%;
  left: 36%;
}

#victorious-container .slide-container .slide#vict-open .btn-start{
  padding-top: 5px;
}

#victorious-container .slide-container .slide#btns-open .name{
  position: absolute;
  left: 0;
  right: 0;
}

#victorious-container .slide-container .slide#btns-open .name.one{
  top: 5%;
}

#victorious-container .slide-container .slide#btns-open .name.two{
  top: 35%;
}

#victorious-container .slide-container .slide#btns-open .name.three{
  /*top: 77%;*/
  bottom: 3%;
}

#victorious-container .slide-container .slide#btns-open .name p{
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
#victorious-container .slide-container .slide#btns-open .name p:nth-of-type(2){
  font-size: 15px;
  margin: auto;
  width: 40%;
  border-radius: 25px;
}

#victorious-container #main-content .slide-container .slide.infogaphic .info-container,
#victorious-container #main-content .slide-container .slide.credits .credits-container{
  width: 100%;
  height: 100%;
  padding-top: 20%;
  padding-bottom: 10%;
  background-color: #000;
  overflow: auto;
}

#victorious-container #main-content .slide-container .slide.infogaphic .info-container h4,
#victorious-container #main-content .slide-container .slide.credits .credits-container h4{
    margin: 0 auto;
    font-family: politica-condensed, sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 23px;
    color: #80B53F;
}

#victorious-container #main-content .slide-container .slide.infogaphic .info-container img{
  width: 80%;
  margin-top: 25px;
}

#victorious-container #main-content .slide-container .slide.credits .credits-container .people p{
  color: #80B53F;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

#victorious-container #main-content .slide-container .slide.credits .credits-container .people .name{
  margin-bottom: 3%;
  color: #fff;
  font-weight: 600;
}

#victorious-container #main-content .slide-container .slide.credits .credits-container .people .especialCredit{
  margin-bottom: 3%;
  color: #999999;
}

/*=================================== VICTOR*/
#victorious-container #main-content .slide-container .slide#daniel_SD1{
  background-image: url('../img/back2.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD2{
  background-image: url('../img/back1.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD3{
  background-image: url('../img/back3.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD4{
  background-image: url('../img/back4.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD5{
  background-image: url('../img/back5.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD6{
  background-image: url('../img/back6.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD7{
  background-image: url('../img/back7.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD8{
  background-image: url('../img/back8.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD9{
  background-image: url('../img/photo-slide1.jpg');
}

#victorious-container #main-content .slide-container .slide#daniel_SD10{
  background-image: url('../img/back9.jpg');
}
#victorious-container #main-content .slide-container .slide#daniel_SD11{
  background-image: url('../img/photo-slide4.jpg');
}

/*<!--============================================================MARITZA-->*/
#victorious-container #main-content .slide-container .slide#maritza_SD1{
  background-image: url('../img/back11.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD2{
  background-image: url('../img/back10.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD3{
  background-image: url('../img/maritza_SLD1.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD4{
  background-image: url('../img/back12.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD5{
  background-image: url('../img/back29.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD6{
  background-image: url('../img/back13.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD7{
  background-image: url('../img/back14.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD8{
  background-image: url('../img/back15.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD9{
  background-image: url('../img/back16.jpg');
}

#victorious-container #main-content .slide-container .slide#maritza_SD10{
  background-image: url('../img/back17.jpg');
}

/*<!--============================================================MAURICIO-->*/
#victorious-container #main-content .slide-container .slide#mauricio_SD1{
  background-image: url('../img/back19.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD2{
  background-image: url('../img/back18.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD3{
  background-image: url('../img/back20.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD4{
  background-image: url('../img/back21.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD5{
  background-image: url('../img/back22.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD6{
  background-image: url('../img/back23.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD7{
  background-image: url('../img/back24.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD8{
  background-image: url('../img/back25.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD9{
  background-image: url('../img/back26.jpg');
}

#victorious-container #main-content .slide-container .slide#mauricio_SD10{

}

#victorious-container #main-content .slide-container .slide#mauricio_SD11{
  background-image: url('../img/back27.jpg');
}

/*=========================================================================================== PAGER*/
#victorious-container #pager-container .img{
  width: 35px;
  position: absolute;
  bottom: 15%;
  cursor: pointer;
}

#victorious-container #pager-container .img.prev{
  left: 5%;
}

#victorious-container #pager-container .img.next{
  right: 5%;
}

/*============================== END MENU STYLES*/
#victorious-container #float-menu{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 57px;
  background-image: url('../img/main-menu-back1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#victorious-container #float-menu .btn-person{
  margin: auto;
  margin-top: 6px;
}

#victorious-container #float-menu .btn-person p{
  font-size: 13px;
  font-weight: 700;
  color: #000;
}

#victorious-container #float-menu .btn-person:nth-of-type(1) img{
  max-width: 57px;
  width: 100%;
}

#victorious-container #float-menu .btn-person:nth-of-type(2) img{
  max-width: 25px;
  width: 100%;
}

#victorious-container #float-menu .btn-person:nth-of-type(3) img{
  max-width: 36px;
  width: 100%;
}

#victorious-container #home-btn-container{
  position: absolute;
  top: 5%;
  right: 5%;
  cursor: pointer;
}
