:root {
    --bodyColor: #353535;
    --titleColor: #000;
    --brandColor: #044732;
    --lightColor: #6c757d;
    --lineColor: #c2cbd3;
    --bgColor:#ffffff;
    --mainTitleSize:3rem;
    --bodySize:16px;
  }
  
  body{
      font-family: 'Helvetica', sans-serif;
      color: var(--bodyColor);
      background-color: var(--bgColor);
      font-size: var(--bodySize);
      ;
      /* padding-top: 88px; */
  }
  
  h1,h2,h3,h4,.title{
     color: var(--titleColor);
     font-weight:bold;
  }
  
  li{
    color: var(--bodyColor);
  }
  
  /*#intro{
      background-image: url('https://via.placeholder.com/1280x706');
  }*/
  
  a{
      color: var(--brandColor);
  
  }
  
  a:hover{
    color: var(--titleColor);
    text-decoration: none;
  }
  a.plane-link{
    color: white;
  }
  a.plane-link:hover{
    color: var(--brandColor);
  }
  a.white:hover{
    color: var(--brandColor)!important;
  }
  a.white.over2:hover{
    color: var(--titleColor)!important;
  }
  h1, .title{
      color: var(--titleColor);
      font-size: var(--mainTitleSize);
  }
  /* .broken-screen{
    background-color:#ff00ff;
    width: 1px;
    height: 100vh;
    position: fixed;
    top:0;
    left:15%;
    z-index: 9999;
  } */
  
  .primary-color{
    color: var(--titleColor);
  }
  .brand-color{
      color: var(--brandColor);
  }
  .light-color{
    color: var(--lightColor);
  }
  .custom-title .title{
      line-height: 0.8em;
  }
  .custom-title .brand-color{
      font-size: 1.5rem;
  }
  .color-red{
    color:red;
  }
  .hr-blue{
    border-color: var(--titleColor);
    border-width: 2px;
  }
  .custom-hr{
    border-color: var(--brandColor);
    border-width: 2px;
  }
  
  .nav-link:hover,a.nav-link{
    color: black;
    
}

  .nav-link:hover,.nav-link.active{
      color: var(--brandColor);
      text-decoration: underline;
      
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
}

.username{
    /* max-width: 110px; */
}
  .px100{
    font-size: 100px;
  }
  .px23{
      font-size: 23px;
  }
  .px25{
      font-size: 25px;
  }
  .px50{
      font-size: 50px;
  }
  .px40{
      font-size: 40px;
  }
  .px35{
    font-size: 35px;
  }
  .px30{
      font-size: 30px;
  }
  .px20{
      font-size: 20px;
  }
  .px18{
      font-size: 18px;
  }
  
  .px16{
      font-size: 16px;
  }
  .px14{
      font-size: 14px;
  }
  .px12{
      font-size: 12px;
  }
  .px10{
    font-size: 10px;
  }
  .bold{
      font-weight: bold;
  }
  .boldi{
      font-weight: bold;
      font-style: italic;
  }
  .medium{
      font-weight: 500;
  }
  .white{
    color: white!important;
  }
  .black{
    color: black!important;
  }
  
  
  .lh-2{
      line-height: 0.5em
  }
  .tx-wine{
      color: var(--wine-color);
  }
  .plane-link{
      color: white;
      text-decoration: none;
  }
  .plane-link:hover{
      color: inherit;
      color:white!important;
      text-decoration: none;
  }
  .form-inline .form-control{
      width: 215px;
  }
  .form-control{
      border: 1px solid var(--titleColor)
  }
  .cuota-field{
      width:100%
  }
  .btn-primary,.btn-primary.disabled, .btn-primary:disabled{
    background-color: var(--brandColor);
    border-color:var(--brandColor);
    border-radius: 30px;
  }
  .btn-outline-brand{
    color: var(--brandColor);
    border-color:var(--brandColor);
  }
  

  .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }

.card a.btn:hover{
  color: var(--brandColor);;
}





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

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

/* display 3 */
@media (min-width: 768px) {
    
    #recipeCarousel .carousel-inner .carousel-item-right.active,
    #recipeCarousel .carousel-inner .carousel-item-next {
      transform: translateX(16.66666%);
    }
    
    #recipeCarousel .carousel-inner .carousel-item-left.active, 
    #recipeCarousel .carousel-inner .carousel-item-prev {
      transform: translateX(-16.66666%);
    }
}

#recipeCarousel .carousel-inner .carousel-item-right,
#recipeCarousel .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}
#recipeCarousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='80' height='80' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
  
}
#recipeCarousel .carousel-control-next-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}


.footer{
  background-color: var(--brandColor);

}
.nav-tabs{
  border-bottom: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border-color:var(--brandColor);
  background-color: var(--brandColor);
  color:white;
}
.nav-tabs .nav-link{
  border-color:#000;
  border-radius: 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
  border-color:#000;
}
.nac-item .page-link {
  text-align: center;
  padding: 15px 40px;
}
.nav-link{
  margin-left: -1px;
  
}
.nav-item:first-child  .nav-link{
  
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.nav-item:last-child .nav-link {
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.nav-item  .nav-link{
  font-size: 19px;
}

.page-item.active .page-link{
  background-color: var(--brandColor);
  border-color: var(--brandColor);
}
.page-link{
  color:#000;
}
.page-link:hover{
  z-index: 2;
  color:var(--brandColor);
  text-decoration: none;
  background-color: #fff;
  border-color: inherit;
}

#accordion .card-header{
  padding: 0.3rem 1.25rem;
}

  /* ------------------------- */
  /* .bg-buildings{
    background-image:url('../img/pleca_bg.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom:350px;
    position: relative;
  } */

  .coutas-table tbody tr{
      cursor: pointer;
      
  }

  .coutas-table tbody tr:hover, .coutas-table tr.selected{
      background-color: var(--brandColor);
  }
  .coutas-table thead{
    background-color: var(--titleColor);
    color: white;
  }

  .ui-widget.ui-widget-content{
      z-index: 1100;
      max-height: 500px;
      overflow: scroll;
  }
  .category-item{
    height: 70px;
    box-shadow: none;
    transform: skew(-20deg);
    box-shadow: 0 0 black;
  }
  .category-item .category-number{
    background-color: white;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
  }
  .category-item p{
    margin:1rem 0;
    transform: skew(20deg);
  }
  .category-item .category-title{
    border-left: 10px solid black;
  }
  .category-item h2{
    color: white;
    font-size:18px;
    transform: skew(20deg);
  }

  .category-indicators li{
    display: inline-block;
  }
  .category-indicators .color-indicator{
    display: inline-block;
    width: 15px;
    height: 15px;
    

  }

  .profesor-list{
    list-style: none;
    padding-left: 0;
  }
  
 

  .abs a.flag-btn{
    display: inline-block;
    width: auto;
    height: auto;
  }
  .abs .flag-btn >img{
    padding: 1px;
    width: 40px;
    height: auto;
    display: inline-block;
  }
  .flag-btn.selected >img, .flag-btn:hover >img{
    border: 3px solid var(--brandColor);
  }







  .gafete{
    background-image: url('../img/gafete.jpg');
    width: 507px;
    height: 658px;
    background-size: contain;
    margin: 0 auto;
    display: inline-block;
    position: relative;
  }

  .gafete-content{
    width: 100%;
    padding: 20px;
    margin-top: 260px;
  }

  .gafete-title{
    position: absolute;
    width: 100%;
    padding: 20px;
    top: 153px;
    text-transform: uppercase; 
  }

  .gafete img{
    top:0;left:0;
  }

  .add-to-agenda,.remove-from-agenda{
    border: none;
    background-color: transparent;
  }
  #asistenteForm .modal-footer{
    border-top: 0;
  }
  .rate {
    display: inline-block;
  }
  .rate > label{
    margin-bottom: 0;
  }
  .rate:not(:checked) > input {
      position:absolute;
      left:-9999px;
  }
  .rate:not(:checked) > label {
      float:right;
      width:1.1em;
      overflow:hidden;
      white-space:nowrap;
      cursor:pointer;
      font-size:20px;
      color:#ccc;
  }
  .rate:not(:checked) > label:before {
      content: '★ ';
  }
  .rate > input:checked ~ label {
      color: #ffc700;    
  }
  .rate:not(:checked) > label:hover,
  .rate:not(:checked) > label:hover ~ label {
      color: #deb217;  
  }
  .rate > input:checked + label:hover,
  .rate > input:checked + label:hover ~ label,
  .rate > input:checked ~ label:hover,
  .rate > input:checked ~ label:hover ~ label,
  .rate > label:hover ~ input:checked ~ label {
      color: #c59b08;
  }
  #disqus_thread_container{
    
  }
  #disqus_thread{
    background-color: #f3f3f3;
    padding: 20px;
  }
  .commento-root{
    padding: 12px 40px!important;
  }
  .commento-name{
    max-width: 350px!important;
  }
  
  
.salon-titulo{
  background-color: rgba(255,255,255,0.90);
  border-radius: 10px;
  margin-top: 10px;
}
body.b-render{
    
}
.background-container{
    /* width:100%;
    height:100vh; */
    position: relative;
    margin: 0 auto;
    width:1280px;
    height: 615px;
    background-repeat: no-repeat;
    
    background-size: contain;
}
.conference .background-container{
  
  background-image: url('../img/SalonEditable.png');
}
.abs{
    cursor: pointer;
    position: absolute;
    transition: all .2s ease-in-out;
    /* background-color:  rgba(233, 226, 0, 0.5); */
}
.abs.no-pointer, .no-pointer{
  cursor:default
}

.zoom:hover{
    /* background-color:  rgba(255,0,0,0.5); */
    transform: scale(1.1);
}

.abs img,.abs a{
    width: 100%;
    height: 100%;
    display: block;
}
.faqs{width: 40px; height:40px; top: 26px; right:58px}

/* -------LOBBY -------- */
.lobby-logoanes{width: 258px;height: 80px;top: 66px;left: 519px;}
.lobby-register{width: 294px;height: 163px;top: 295px;left: 35px;}
.lobby-salones{width: 80px;height: 55px;top: 233px;left: 623px;}
.lobby-expo-comercial{width: 82px;height: 80px;top: 338px;left: 622px;}

.lobby-izq1{width: 75px;height: 20px;top: 222px;left: 510px;}
.lobby-izq2{width: 75px;height: 20px;top: 262px;left: 510px;}
.lobby-izq3{width: 75px;height: 20px;top: 362px;left: 505px;}
.lobby-der1{width: 75px;height: 20px;top: 225px;left: 740px;}
.lobby-der2{width: 75px;height: 20px;top: 258px;left: 740px;}
.lobby-der3{width: 75px;height: 20px;top: 362px;left: 740px;}

/* -------REGISTRO -------- */
.registro-test {
  width: 127px;
  height: 250px;
  top: 356px;
  left: 11px;
}
.registro-inscripcion{width: 70px;height: 70px;top: 218px;left: 401px;}
.registro-programa{width: 70px;height: 70px;top: 218px;left: 496px;}
.registro-chat{width: 70px;height: 70px;top: 218px;left: 716px;}
.registro-llamanos{width: 70px;height: 70px;top: 218px;left: 810px;}
.registro-izq {
  width: 96px;
  height: 250px;
  top: 134px;
  left: 156px;
}
.registro-supr {
  width: 729px;
  height: 115px;
  top: 18px;
  left: 278px;
}
.registro-der {
  width: 95px;
  height: 193px;
  top: 190px;
  left: 1031px;
}


/* -------SALONES -------- */
.itemsalon-comego{width: 134px;height: 309px;top: 33px;left: 36px;transform: rotate(0deg) skew(4deg, 4deg)}
.itemsalon-diana{ width: 116px; height: 321px; top: 29px; left: 170px; transform: rotateY(15deg) rotateX(-33deg) skew(12deg, 5deg);}
.itemsalon-bellasartes{ width: 93px; height: 327px; top: 27px; left: 281px; transform: rotateY(17deg) rotateX(-42deg) skew(14deg, 6deg);}
.itemsalon-angel{ width: 76px; height: 218px; top: 84px; left: 371px; transform: rotateY(21deg) rotateX(-1deg) skew(3deg, 4deg);}
.itemsalon-trabajos{ width: 74px; height: 223px; top: 83px; left: 818px; transform: rotateY(-14deg) rotateX(-10deg) skew(-5deg, -6deg);}
.itemsalon-residentes{ width: 88px; height: 238px; top: 72px; left: 891px; transform: rotateY(2deg) rotateX(-1deg) skew(-3deg, -1deg);}
.itemsalon-expresidentes{ width: 130px; height: 271px; top: 58px; left: 968px; transform: rotateY(-34deg) rotateX(2deg) skew(-3deg, 0deg);}
.itemsalon-profesores{ width: 181px; height: 322px; top: 28px; left: 1067px; transform: rotateY(41deg) rotateX(17deg) skew(-19deg, -3deg);}

.itemsalontrabajos-cartelespresentacion{ width: 118px; height: 374px; top: 55px; left: 474px;}
.itemsalontrabajos-cartelesconcurso{ width: 118px; height: 374px; top: 55px; left: 592px;}
.itemsalontrabajos-audiovisuales{ width: 112px; height: 373px; top: 55px; left: 710px;}

/* -------SALON DETALLE -------- */
/* .salon-titulo{width: 100%; text-align: center; top:20px; left:0;} */
#mainvideo{max-height: 100%;}
.salon-videoplayer{        width: 676px;
  height: 320px;
  top: 124px;
  left: 302px;}
.salon-next{width: 54px;
  height: 54px;
  top: 170px;
  left: 990px;}
.salon-back{width: 54px;
  height: 54px;
  top: 170px;
  left: 270px;}



.salon-programa{width: 127px;height: 212px;top: 403px;left: 1068px;}
.salon-comentarios{width: 190px;height: 45px;top: 558px;left: 545px;}
.salon-notas{width: 80px;height: 36px;top: 387px;left: 599px;}
.salon-flags{width: 90px;height: 30px;top: 342px;left: 699px;}
.salon-programa div{
  position: absolute!important;
  top:6px!important;
  left:3px!important;
}
.salon-rate{
  background-color:var(--titleColor);
  color: white;
  padding: 0.5em;
  border-radius: 20px;
  bottom: 10px;
  left: 75px;
  width: 146px;
  overflow: hidden;
  z-index: 9999;
}
.salon-rate .rates{
  display:none;
}
.salon-brand1{width: 141px;height: 443px;top: 72px;left: 36px;transform: skew(0deg, -23deg);}
.salon-brand2 {width: 104px;height: 395px;top: 72px;left: 193px;transform: skew(0deg, -23deg);}
.salon-brand3 {width: 75px;height: 342px;top: 95px;left: 309px;transform: skew(0deg, -23deg);}
.salon-brand4 {width: 57px;height: 297px;top: 114px;left: 393px;transform: skew(0deg, -23deg);}

.programa .salon-programa{
  top:auto;
  bottom:50px;
}
.program-button{
  border: 2px solid var(--brandColor);
  border-radius: 10%;
  width: 300px;
  height: 300px;
  font-size: 26px;
  color: var(--titleColor);
}
.program-button:hover{
  background-color: var(--titleColor);
  color: white;
}
.flaticon-calendar:before,.flaticon-class:before,.flaticon-video:before{
  margin-left: 0;
  font-size: 60px;
}


/* -------EXPO COMERCIAL -------- */

.stand-container{
  background-size: cover;
  background-position: bottom center;
}

/* -------EXPO COMERCIAL -------- */
#pdf-iframe{
    width: 100%;
    min-height: 550px;
}
.video-modal-lg .close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
  }
#video-iframe{
    
}
.pdf-modal-lg{
    
}
.expo-comentarios{width: 171px;height: 40px;top: 556px;left: 885px;}

/* -------PROFESORES -------- */
.popup-profesores {width: 410px;height: 252px;top: 196px;left: 405px;}
.popup-pdf-profesores{ width: 135px;height: 156px;top: 168px;left: 174px;}

/* -------Trabajos / CARTELES -------- */
.trabajos-1{ width: 56px; height: 87px; top: 334px; left: 23px; transform: rotate(-3deg) skew(-1deg,-7deg)}
.trabajos-2{ width: 45px; height: 81px; top: 321px; left: 104px;transform: rotate(0deg) skew(2deg,-7deg);}
.trabajos-3{ width: 36px; height: 71px; top: 313px; left: 172px; transform: rotate(-3deg) skew(-1deg,-7deg);}
.trabajos-4{ width: 29px; height: 64px; top: 305px; left: 231px; transform: rotate(1deg) skew(3deg,-11deg);}
.trabajos-5{ width: 28px; height: 60px; top: 299px; left: 279px; transform: rotate(1deg) skew(3deg,-11deg);}
.trabajos-6{ width: 42px; height: 58px; top: 290px; left: 350px; }
.trabajos-7{ width: 42px; height: 58px; top: 290px; left: 403px; }
.trabajos-8{ width: 42px; height: 58px; top: 290px; left: 457px; }
.trabajos-9{ width: 42px; height: 58px; top: 290px; left: 511px; }
.trabajos-10{ width: 42px; height: 58px; top: 290px; left: 564px; }
.trabajos-11{ width: 42px; height: 58px; top: 290px; left: 617px; }
.trabajos-12{ width: 42px; height: 58px; top: 290px; left: 670px; }
.trabajos-13{ width: 42px; height: 58px; top: 290px; left: 722px; }
.trabajos-14{ width: 42px; height: 58px; top: 290px; left: 775px; }
.trabajos-15{ width: 42px; height: 58px; top: 290px; left: 829px; }
.trabajos-16{ width: 42px; height: 58px; top: 290px; left: 881px; }
.trabajos-17{ width: 33px; height: 60px; top: 296px; left: 967px; transform: rotate(1deg) skew(-2deg,9deg);}
.trabajos-18{ width: 36px; height: 64px; top: 303px; left: 1014px; transform: rotate(-1deg) skew(-3deg,11deg);}
.trabajos-19{ width: 36px; height: 71px; top: 312px; left: 1071px; transform: rotate(3deg) skew(1deg,7deg);}
.trabajos-20{ width: 44px; height: 81px; top: 319px; left: 1133px; transform: rotate(-1deg) skew(-3deg,7deg);}
.trabajos-21{ width: 56px; height: 91px; top: 331px; left: 1203px; transform: rotate(3deg) skew(2deg,7deg);}
.sala-next{width: 54px;height: 54px;top: 187px;left: 866px;}
.sala-back{width: 54px;height: 54px;top: 187px;left: 354px;}
.sala-title{ padding-top: 185px; width: 200px; text-align: center; margin:0 auto}
.stand-title{ padding-top: 36px; width: 200px; text-align: center; margin:0 auto}

/*Loading*/
.lds-ring {
    display: none;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #bbb;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #bbb transparent transparent transparent;
  }

  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  .lds-ring.small {
    width: 50px;
    height: 50px;
    margin:0 auto;
}
.lds-ring.small div{
    width: 34px;
    height: 34px;
}







/* Modal Bottom */

.modal.fade .modal-bottom {
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal .modal-bottom .modal-header .close{
  margin-left: 0;
}


.modal .modal-bottom {
    margin:0;
	margin-top:auto;
	padding: 0;
	position:absolute;
	bottom:0;
	top:auto;
	left:auto;
	right:0;
	height:243px; /* default height:45% its just for demo*/
}

.modal .modal-bottom>.modal-content{
    
    height:100%;
    border-color: #fff;
    border-radius:0;
    margin:0;

}
.modal-bottom .modal-body{height: 175px;overflow-y:auto;padding-top: 0;}

@media (min-width: 1px){
	.modal-bottom {max-width: 100%;width:100%;}
}
/*Custume scroll bar*/
.modal-bottom ::-webkit-scrollbar {width:8px}
.modal-bottom ::-webkit-scrollbar-button {width:8px;height:5px}
.modal-bottom ::-webkit-scrollbar-thumb:hover {background: #ccc}
.modal-bottom ::-webkit-scrollbar-thumb {	background:#f1f1f1;border: thin solid white;border-radius: 10px}
.modal-bottom ::-webkit-scrollbar-track {background: #fff;border:thin solid white}   

#standQuiz ul{
  list-style: none;
  padding-left: 10px;
}
.quiz-result{
  position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
.result-content{
  position: fixed;
  width: 400px;
  margin-left: 200px;
  text-align: center;
}
.result-content-success,.result-content-failure{
  display: none;
}

#standQuiz [type="radio"]:checked,
#standQuiz [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
#standQuiz [type="radio"]:checked + label,
#standQuiz [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
#standQuiz [type="radio"]:checked + label:before,
#standQuiz [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
#standQuiz [type="radio"]:checked + label:after,
#standQuiz [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--brandColor);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#standQuiz [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#standQuiz [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



.mensaje-title{
  min-height: 50px;
  font-size: 1.5rem;
  transform: skew(-20deg);
  background-color: var(--brandColor);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: -20px!important;
  padding: 10px 20px;
}

.mensaje-title span{
  transform: skew(20deg);
  color: white;
  margin: 0;
}




#activity-title-row{margin-left: -45px;}

 /*Small devices (landscape phones, 576px and up)*/
 @media (min-width: 576px) {



}
@media (max-width: 767px){
  h4{
    font-size: 1rem;
  }
  .abs.salon-videoplayer{
    position:relative;
    top: auto;
    left: auto;
    margin: 0 auto;
    width: 90%;
  }
  .conference .background-container{
    background-image: none; 
    width: auto;
    height: auto;
  }
  .category-item{
    height: 20px;
  }
  #activity-title-row{margin-left: 0px;}
  .stand-container{
    background-image: none!important;
  }
  
}
@media (min-width: 768px) and (max-width:991px) {


}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {



}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .mensaje-title{
    margin-left: -10%;
  }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
 
}