@font-face {
	font-family: 'Conv_Grandstander-Classic';
	src: url('../fonts/Grandstander-Classic.eot');
	src: local('☺'), url('../fonts/Grandstander-Classic.woff') format('woff'), 
    url('../fonts/Grandstander-Classic.ttf') format('truetype'), 
    url('../fonts/Grandstander-Classic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_BryantPro-Light';
	src: url('../fonts/BryantPro-Light.eot');
	src: local('☺'), url('../fonts/BryantPro-Light.woff') format('woff'), 
    url('../fonts/BryantPro-Light.ttf') format('truetype'), 
    url('../fonts/BryantPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'BryantPro-Bold';
  src: url('../fonts/BryantPro-Bold.eot');
  src: url('../fonts/BryantPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BryantPro-Bold.woff2') format('woff2'),
      url('../fonts/BryantPro-Bold.woff') format('woff'),
      url('../fonts/BryantPro-Bold.ttf') format('truetype'),
      url('../fonts/BryantPro-Bold.svg#BryantPro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BryantPro-Regular';
  src: url('../fonts/BryantPro-Regular.eot');
  src: url('../fonts/BryantPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BryantPro-Regular.woff2') format('woff2'),
      url('../fonts/BryantPro-Regular.woff') format('woff'),
      url('../fonts/BryantPro-Regular.ttf') format('truetype'),
      url('../fonts/BryantPro-Regular.svg#BryantPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.bg-ppal {
  background-image: url('../img/background.png');
  height: 100vh;

  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 80%;
}

.bg-lp {
  background-color: #000000;
  background-image: url('../img/fondo.png');
  height: 100vh;

  position: relative;
  background-repeat: no-repeat;
  background-size: auto;
  /* background-position: 80%; */
}

.bg-green {
  background-color: #a2bf26 !important;
}

.bg-orange {
  background-color: #EAB55D !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-greenk {
  background-color: #64b2ab !important;
}

.w-10 {
  width: 10%!important;
}

.w-15 {
  width: 15%!important;
}

.w-20 {
  width: 20%!important;
}

.w-30 {
  width: 30%!important;
}

.w-40 {
  width: 40%!important;
}

.w-60 {
  width: 60%!important;
}

.w-70 {
  width: 70%!important;
}

.w-80 {
  width: 80%!important;
}

.w-90 {
  width: 90%!important;
}

.wf-166 {
  width: 166px !important;
}

.wf-66 {
  width: 66px !important;
}

.wf-30 {
  width: 30px !important;
}

.btn-float {
  top: 50%;
  right: 10%;
}

.btn-cerrar {
  width: 100px;
  height: 100px;
  float: right;
  position: absolute;
  top: -15px;
  right: -15px;
  opacity: 1;
  z-index: 999;
}

.btn-cerrar img {
  z-index: 999;
}

.py-10 {
  padding-top: 5rem!important;
  padding-bottom: 5rem!important;
}

.table-condensed tr td{
  padding: 0 !important;
  margin: 0 !important;
}

.top-10 {
  top: 10% !important;
}

.top-20 {
  top: 20% !important;
}

.top-30 {
  top: 30% !important;
}

.top-40 {
  top: 40% !important;
}

.top-n40 {
  top: -40px !important;
}

.top-50 {
  top: 50% !important;
}

.top-60 {
  top: 60% !important;
}

.right-5 {
  right: 5% !important;
}

.right-10 {
  right: 10% !important;
}

.font-bryant {
  font-family:'Conv_BryantPro-Light',Sans-Serif;
}

.font-bryantReg {
  font-family:'BryantPro-Regular',Sans-Serif;
}

.font-bryantBol {
  font-family:'BryantPro-Bold',Sans-Serif;
}

.text-acepta {
  font-size: 0.9em;
  line-height: normal;  
}

.text-tyc {
  font-size: 0.7em;
  line-height: normal;
  text-align: justify;
  text-justify: inter-word;
}

.text-green {
  color: #abdc4e;
  text-decoration: underline;
}

.text-black {
  color: #4e4e4e;
}

.text-green:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*------------------------------VIDEO PLAYER----------------------------------*/

.player body { background-color: transparent; }
.player .html5-video-player { background-color: transparent; }
@media (min-width: 576px) { .player {width:100%;height:260px;} }
@media (min-width: 768px) { .player {width:100%;height:260px;} }
@media (min-width: 992px) { .player {width:100%;height:430px;} }
@media (min-width: 1200px) { .player {width:100%;height:620px;} }
@media (min-width: 1400px) { .player {width:100%;height:620px;} }

/*-------------------------------CAROUSEL-------------------------------------*/

@media (max-width: 767px) {
  #carruselDiario .carousel-inner .carousel-item > div {
      display: none;
  }
  #carruselDiario .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

#carruselDiario .carousel-inner .carousel-item.active,
#carruselDiario .carousel-inner .carousel-item-next,
#carruselDiario .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  #carruselDiario .carousel-inner .carousel-item-end.active,
  #carruselDiario .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
  
  #carruselDiario .carousel-inner .carousel-item-start.active, 
  #carruselDiario .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

#carruselDiario .carousel-inner .carousel-item-end,
#carruselDiario .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

/*--------------------------------MODAL---------------------------------------*/

.arr_izq {
  width: 40px;
  height: 40px;
  background-image: url('../img/arr_izq.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.arr_cen {
  width: auto;
  height: 40px;
  background-image: url('../img/arr_cen.png');
  background-size: contain;
  background-repeat: repeat-x;
}

.arr_der {
  width: 40px;
  height: 40px;
  background-image: url('../img/arr_der.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.izq_cen {
  width: 40px;
  height: auto;
  background-image: url('../img/izq_cen.png');
  background-size: contain;
  background-repeat: repeat-y;
}

.cen_cen {
  background-color: #6f2c91!important;
}

.der_cen {
  width: 40px;
  height: auto;
  background-image: url('../img/der_cen.png');
  background-size: contain;
  background-repeat: repeat-y;
}

.aba_izq {
  width: 40px;
  height: 40px;
  background-image: url('../img/aba_izq.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.aba_cen {
  width: auto;
  height: 40px;
  background-image: url('../img/aba_cen.png');
  background-size: contain;
  background-repeat: repeat-x;
}

.aba_der {
  width: 40px;
  height: 40px;
  background-image: url('../img/aba_der.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.modal-title {
  font-family:'Conv_Grandstander-Classic',Sans-Serif;
}

.modal-subt {
  font-family:'Conv_BryantPro-Light',Sans-Serif;
  font-size:2rem;
}

.modal-cont {
  font-family:'Conv_BryantPro-Light',Sans-Serif;
  font-size:3.5vw;
}

/*-------------------------------RESPONSIVE-----------------------------------*/

@media (min-width: 576px) {
  .bg-ppal {
    height: 100vh;
    background-position: 90%;
  }

	.modal-cont {
    font-size:3vw;
  }

	.arr_izq {
	  width: 80px;
	  height: 80px;
	}

	.arr_cen {
	  width: auto;
	  height: 80px;
	}

	.arr_der {
	  width: 80px;
	  height: 80px;
	}

	.izq_cen {
	  width: 80px;
	  height: auto;
	}

	.der_cen {
	  width: 80px;
	  height: auto;
	}

	.aba_izq {
	  width: 80px;
	  height: 80px;
	}

	.aba_cen {
	  width: auto;
	  height: 80px;
	}

	.aba_der {
	  width: 80px;
	  height: 80px;
	}

  .videopage {
    width:340px;
    height:141px;
  }
}

@media (min-width: 768px) {
  .bg-ppal {
    height: 96vh;
    background-position: 80%;
    background-size: contain;
  }

  .modal-cont {
    font-size:2.5vw;
  }

  .videopage {
    width:416px;
    height:234px;
  }
}

@media (min-width: 992px) {
  .bg-ppal {
    height: 94vh;
    background-position: 70%;
    background-size: contain;
  }

  .modal-cont {
    font-size:2vw;
  }

  .videopage {
    width:564px;
    height:317px;
  }
}

@media (min-width: 1200px) {
  .bg-ppal {
    height: 92vh;
    background-position: 60%;
    background-size: contain;
  }

  .modal-cont {
    font-size:1.5vw;
  }

  .videopage {
    width:658px;
    height:371px;
  }
}

@media (min-width: 1400px) {
  .bg-ppal {
    height: 90vh;
    background-position: 50%;
    background-size: contain;
  }

  .modal-cont {
    font-size:1vw;
  }

  .videopage {
    width:760px;
    height:428px;
  }
}