html, body {height:100%; position: relative;}

.item-vimeo {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
section{position:relative}

.h-100{height: 100%}

.w-100{width: 100%}


section.bg-black {padding-top: 3%; padding-bottom: 5%; z-index: 9;}

.vimeo {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: -1;}

.translate-middle-x {
    transform: translateX(-50%)!important;
}

.txt-correa p {
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
}

.start-50 {
    left: 50%!important;
}
.bottom-0 {
    bottom: 0!important;
}
.modal {z-index: 999999999;}
.bg-banner {background-color: #2f0a17;}
.bg-banner img {height: 85px;}
.bg-grey {
    background-color: #E4E4E4;
    padding: 4% 0;
}
.vimeo-wrapper{
  
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.vimeo-wrapper::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    z-index: 1;
    background-color: rgba(0,0,0,0.40);
}

.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }



.vimeo-wrapper iframe {
    width: 100vw;
    height: 68.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.carousel-caption {
    top: 20%;
    text-align: left !important;
    position: absolute;
}

.btn-verde {
	color: #FFFFFF;
	transition: transform .2s;
    width: 17%;
    display: inline-block;
    background-color: #00E0D7;
    border-radius: 30px;
    text-align: center;
    padding: 7px;
    font-size: 18px;
}

.btn-iniciar {
	transition: transform .2s;
    width: 17%;
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 30px;
    text-align: center;
    padding: 7px;
    border: 1px solid #00B4AC;
    color: #373737;
    font-size: 18px;
}

.font22 {font-size: 22px;}

.btn-verde.wp {
    width: 18%;
}


.txt-bajada p {
    font-size: 19px;
    font-weight: 300;
    line-height: 26px;
}

.txt-bajada  {
    font-size: 19px;
    font-weight: 300;
    line-height: 26px;
}

.correa img {
    width: 100%;
    display: inline-block;
	transition: transform .2s;
}

.modal-dialog {
      max-width: 800px;
      margin: 6% auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.w45 {width: 45%}
.w60 {width: 60%}

.correa button {
    border: 0;
    background-color: white;
    display: contents;
}

body.modal-open {
    padding-right: 0!important;
}

.correa img:hover {
    transform: scale(1.1);
}

.nosotras {padding-top: 9%; padding-bottom: 11%; background-color: #FFF; z-index: 9;}

.bg-artistas {
     background-image: url(../img/bg-artistas.jpg);
    background-size: cover;
    height: 100%;
    background-position: center;
    z-index: 9;
}

.bg-productora {
    background-image: url(../img/bg-productora.jpg);
    background-size: cover;
    height: 100%;
    background-position: center;
    z-index: 9;
}
h4.fontprod {
    text-transform: uppercase;
    font-weight: 400 !important;
    font-family: 'TradeGothicLTStd-BoldExt' !important;
    font-size: 21px !important;
    line-height: 29px !important;
}

.icon-ec img {
    width: 9%;
    margin-bottom: 5%;
}

.icon-ec p {
    font-size: 19px;
    font-weight: 300;
    margin-top: 3%;
}

.icon-ec img {
    width: 25%;
    margin-bottom: 10%;
}

.icon-ec {
    padding: 20px 24%;
}

@media (max-width: 1200px) {
.correa img {
    width: 100%;
}
.w60 {
    width: 80%;
}
.w45 {
    width: 65%;
}

}

@media (max-width: 990px) {
.login-nav h1 {
    font-size: 30px !important;
    line-height: 36px !important;
}
}

@media (max-width: 800px) {
.bg-banner img {width: 100%; height: auto;}
}
@media (max-width: 786px) {
.vimeo.video-out {
    display: none;
}
.w45 {
    width: 80%;
}
section.h-100.login-nav {
    height: auto !important;
}

}

@media (max-width: 600px) {
    .w45 {
        width: 90%;
    }
    .w60 {
        width: 90%;
    }

    .correa img {
        width: 50%;
    }
    .bg-grey {
        padding: 10% 0;
    }
    .correa button {

        display: initial;
    }
    }