/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

@font-face {
    font-family: 'Gotham Book';
    src: url('../webfonts/GothamPro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Medium';
    src: url('../webfonts/GothamPro-Medium.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Gotham Bold';
    src: url('../webfonts/GothamPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: bold;
}
@font-face {
    font-family: 'Gotham Black';
    src: url('../webfonts/GothamPro-Black.woff') format('woff');
    font-weight: 900;
}

.mb-15{
    margin-bottom: 15px;
}
.mostrar{
    display: block;
}
.ocultar{
    display: none;
}

.content-left-wrapper {
    overflow: hidden;
}
.content-left-wrapper a {
    color: #ffffff !important;
}
.content-left-wrapper a:hover {
    text-decoration: underline !important;
}

.icon_list{

}

ul{list-style:none;}

li::before{
 /*   content: url(../img/check.svg);
    width: 18px;
    height: 18px;
    margin-right:8px;*/
}
.texto-left{
    text-align: left !important;
    font-size: 17px;
}

.presentacion{
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
}

.titulo{
    color: #fff;
    margin: 0px !important;
    font-size: 1.4rem !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
.sub_titulo{
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
}
.proyecto{
    font-weight: bold;
    font-size: 17px;

}

.descripcion{
    font-size: 15px;
}

.container_radio .checkmark:after{
    background: #00E2FF;
}

.form-control:focus {
  box-shadow: none;
  border-color: #00ADEE;
}

hr{
 height:100vh;
 width:.5vw;
 border-width:0;
 color:#000;
 background-color:#000;
}
.survey-question-wrapper:not(.is-review-mode) .answer-container .answer-options {
    display: inline-block;
}

ul.navega li{
  display: inline;
  padding-right: 0.5em;
}

video {
    -webkit-filter: grayscale(100%) brightness(110%) contrast(70%);

    object-fit: cover;
    object-position: center center;
    
    position: absolute;
    /* min-width: 100%; */
    /* min-height: 100%; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translateX(-50%) translateY(-50%); */
}

#wizard_container {
    border: 3px solid #ededed;
    padding: 30px;
    border-radius: 15px;
}
#wizard_container:hover {
    border-color: #00ADEE;
}
.fondo-azul{
    background: #00ADEE;
    padding: 10px;
    border-radius: 15px;
}
.main_question{
    text-align: center;
}


/**Card **/
.card{
   width: 100px;
   margin: 40px auto;
   display: flex;
   flex-direction: column;
   float: right;
   } 
.globo{
   
      padding: 12px;
      background: gray;
      color: white;
   padding: 10px;
   position: relative;
   width: 200px;
   margin: 0 auto;
   font-family: sans-serif;
   z-index: 1;
   }
.globo::after {
   content: '';
   position: absolute;
   bottom: 0; 
   left: 80px;
   background: transparent;
   width: 0px; height: 0px;
   border-bottom: 40px solid gray;
   border-right: 40px solid transparent;
   border-left: 40px solid transparent;
   transform: rotate(90deg);
   z-index: -1;
   }
.imagen {
   width: 141px;
   border-radius: 50%;
   border: 8px double #f5e8e8;
   width: 100px;
} 

/**End**/