/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}






.gnc-selected {

  color: #cc247c;
  background-color: #e9ecef;
}

.gnc-selected:hover {
/* cc247c rgb(204,36,124) | #34245c rgb(52,36,92) */
  color: #cc247c;
  text-decoration: none;
}

.select-cotizador {
  font-weight: 700 !important;
  color: #34245c;
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}

.select-cotizador label {
  cursor: pointer;
}

.select-cotizador:hover {
/* cc247c rgb(204,36,124) | #34245c rgb(52,36,92) */
  z-index: 2;
  color: #cc247c;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.select-cotizador:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn_primary { 
  background-color:#cc247c; 
  color:#FFF; 
}
.btn_primary:hover { 
  color:#FFF; 
  text-decoration:none; 
  background-color:#34245c;  
}

.btn_secondary {

  color: #cc247c;
  background-color: #e9ecef;
}

.btn_secondary:hover {
/* cc247c rgb(204,36,124) | #34245c rgb(52,36,92) */
  color: #cc247c;
  text-decoration: none;
}

.bg_primary {
  background-color: #34245c !important;
  color: #fff;
}

.bg_secondary {
  background-color: #cc247c !important;
  color: #fff;
}

.right_panel{
  background-color: #ffffff;
  overflow-y:scroll;
  overflow-x:hidden;
  width: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  transition: right 0.4s;
  z-index: 1022;
}

.check_right_panel:checked ~ .right_panel {
  right: 0;
}

@media (max-width: 365px) {

  .select-cotizador{
    font-size: 13px;
  }

  .select-cotizador img{
    width: 58px;
  }

  .select-cotizador .gnc-selected{
    font-size: 13px;
  }

}


.box img{
    width: 100%;
}
.box {
  overflow: hidden;
  width: 100%;
}

@supports(object-fit: cover){
    .box img{
      object-fit: cover;
      object-position: center center;
    }
}


@media (min-width: 307px) {
  .box{
    height: 200px;
  }
  .box img{
    min-height: 200px;
  }
}




@media (min-width: 480px) {
 
  .box{
    height: 350px;
  }
   .box img{
    min-height: 350px;
  }
}

@media (min-width: 992px) {
  .box{
    height: 175px;
  }
  .box img{
    min-height: 175px;
  }
}

@media (min-width: 1200px) {
  .box{
    height: 220px;
  }

  .box img{
    min-height: 220px;
  }
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {

  object-fit: cover;
  width: 100vw;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.parallax-window {
  min-height: 80vh;
  background: transparent;
  overflow: hidden;
}
.opacity {
  background: rgba(0, 0, 0, 0.4);
} 
@media (min-width: 768px) {
  .mt-50 {
    margin-top: -50px;
  }
}

.animated--fade-in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
}

.bg-gradient-blue {
  background-color: #4e73df;
  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  background-size: cover;
}

.bg-gradient-primary {
  background-color: #CA2379;
  background-image: linear-gradient(180deg, #CA2379 10%, #30275C 100%);
  background-size: cover;
}

.bg-gradient-secondary {
  background-color: #858796;
  background-image: linear-gradient(180deg, #858796 10%, #60616f 100%);
  background-size: cover;
}

.bg-gradient-success {
  background-color: #1cc88a;
  background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
  background-size: cover;
}

.bg-gradient-info {
  background-color: #36b9cc;
  background-image: linear-gradient(180deg, #36b9cc 10%, #258391 100%);
  background-size: cover;
}

.bg-gradient-warning {
  background-color: #f6c23e;
  background-image: linear-gradient(180deg, #f6c23e 10%, #dda20a 100%);
  background-size: cover;
}

.bg-gradient-danger {
  background-color: #e74a3b;
  background-image: linear-gradient(180deg, #e74a3b 10%, #be2617 100%);
  background-size: cover;
}

.bg-gradient-light {
  background-color: #f8f9fc;
  background-image: linear-gradient(180deg, #f8f9fc 10%, #c2cbe5 100%);
  background-size: cover;
}

.bg-gradient-dark {
  background-color: #5a5c69;
  background-image: linear-gradient(180deg, #5a5c69 10%, #373840 100%);
  background-size: cover;
}

.primer_card {
  margin-top: -50px;
}
.react{
  box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
  transition:  all .3s ease-in-out;
}

.react:hover{
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.fullwidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}

#projectFacts .fullwidth{
  padding: 0;
}

.factswrap{
    display: flex;
  
  flex-direction: row;
  flex-wrap: wrap;
}

.factswrap .item{
  position: relative;
  width: 100%;
  height: 100%;
  padding: 50px 0px;
  text-align: center;
  transition:  all .5s ease-in-out;
}
.factswrap .item:nth-child(1){
  background: #30275C;
}
.factswrap .item:nth-child(2){
  background: #063970;
}
.factswrap .item:nth-child(3){
  background: #063970;
}
.factswrap .item:nth-child(4){
  background: #30275C;
}
.factswrap .item p.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
}
.factswrap .item p{
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  margin: 0;
  padding: 10px;
  font-family: 'Open Sans';
  font-weight: bold;
  transition:  all .5s ease-in-out;
}
.factswrap .item span.Line-under{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
  transition:  all .5s ease-in-out;
}
.factswrap .item img{
    width: 80px;
    opacity: .8;
    transition:  all .5s ease-in-out;
}
.factswrap .item:hover img, .factswrap .item:hover p{
  color: #fff;
  opacity: 1;
}

.factswrap .item:hover span{
  background: white;
}

@media (min-width: 576px) {
  .factswrap .item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media (min-width: 992px) {
  .factswrap .item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

    .mt-lg-50 {
    margin-top: -50px;
  }

    .react:hover{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    margin-top: -60px;
  }
}

#escribir {
    animation: blink-cursor 1s infinite;
  } 
   #segText, #btnC {
    display: none;
  }

  #segText, #btnC {
    animation-duration: 3s;
    animation-name: slidein;
  } 

   #btnC a {
    animation-duration: 3s;
    animation-name: slideBtn;
  } 

  @keyframes blink-cursor {
    0% { border-right: 3px solid #212121; }
    50% { border-right: 3px solid #212121; }
    51% { border-right: 3px solid transparent; }
    100% { border-right: 3px solid transparent; }
  }

  @keyframes slidein {
    from {
      color: transparent;
    }

    to {
      color: white;
    }
  }

   @keyframes slideBtn {
    from {
      background: transparent;
    }

    to {
      background: #CA2379;
    }
  }







.sin_margen { margin-right:0px; margin-left:0px; }
.sin_padding { padding-left:0px; padding-right:0px;  }
.sin_flex { display:inherit; }

.sin_padding_der { padding-right:0px; }
.sin_padding_izq { padding-left:0px; }

.margen_arriba_1 { margin-top:1%; }
.margen_arriba_2 { margin-top:2%; }
.margen_arriba_3 { margin-top:3%; }
.margen_arriba_4 { margin-top:4%; }
.margen_arriba_5 { margin-top:5%; }

.margen_abajo_1 { margin-bottom:1%; }
.margen_abajo_2 { margin-bottom:2%; }
.margen_abajo_3 { margin-bottom:3%; }
.margen_abajo_4 { margin-bottom:4%; }
.margen_abajo_5 { margin-bottom:5%; }

.padding_arriba_1 { padding-top:1%; }
.padding_arriba_2 { padding-top:2%; }
.padding_arriba_3 { padding-top:3%; }
.padding_arriba_4 { padding-top:4%; }
.padding_arriba_5 { padding-top:5%; }

.padding_abajo_1 { padding-bottom:1%; }
.padding_abajo_2 { padding-bottom:2%; }
.padding_abajo_3 { padding-bottom:3%; }
.padding_abajo_4 { padding-bottom:4%; }
.padding_abajo_5 { padding-bottom:5%; }

body { font-family: 'Montserrat', sans-serif; }

.bold { font-weight:bold; }

.navbar-nav { margin-left:10%; }

.barra_mov { position:fixed; width:100%; z-index:1000; top:0;  }

.redes_menu {  min-width:70px; text-align:right; }
.redes_menu a { margin-right:10%; transition:.4s; }
.redes_menu a:nth-child(2) { margin-right:0%; }
.redes_menu i { color:#CA2379; font-size:22px; transition:.4s; }
.redes_menu a:hover i { color:#30275C; }
.redes_menu a:hover { text-decoration:none; }

/*.bot_cotiza_nav_resp { display:none; }*/
.bot_cotiza_nav_resp { display:none; background-color:#CA2379; border-radius:10px; color:#FFF; padding:3px 10px; font-size:12px; position:absolute; top:80px; right:15px; transition:.4s; }
.bot_cotiza_nav_resp:hover { color:#FFF; text-decoration:none; background-color:#30275C;  }

.bot_cotiza_nav_desk { display:inline-block; background-color:#CA2379; border-radius:10px; color:#FFF; padding:3px 10px; font-size:12px;  transition:.4s; }
.bot_cotiza_nav_desk:hover { color:#FFF; text-decoration:none; background-color:#30275C;  }

/********************** HOME **********************************************************************************/

.cuadro_banner { position:absolute; left:15%; top:25%; width:30%; }

.tit_banner { color:#3F464F; font-size:30px; font-weight:600; margin-bottom:2%; }

.texto_banner { color:#3F464F; font-weight:300; margin-bottom:5%; }

.bot_banner { background-color:#CA2379; font-size:20px; border-radius:10px; color:#FFF; padding:12px 40px; transition:.4s; font-weight:bold; }
.bot_banner:hover { background-color:#30275C; text-decoration:none; color:#FFF;  }

.frase_cliente { color:#535C6A; font-size:22px; font-weight:300; text-align:center; padding-top:20px; padding-bottom:20px; }

.bg_elegir { background-color:#D1D1D1; padding-bottom:20px; }

.tit_elegir { color:#3F464F; font-size:36px; text-align:center; padding-top:30px; padding-bottom:15px; margin-bottom:4%; font-weight:600; }

.cuadro_gris { background-color:#F2F2F2; width:100%; min-height:250px; border-radius:15px; }

.texto_elegir { font-weight:600; text-align:center; margin-top:10px; margin-bottom:8%; }

.tit_faq { color:#3F464F; font-size:36px; text-align:center; margin-top:8%; padding-bottom:15px; margin-bottom:2%; font-weight:600; }

.texto_faq { font-weight:300; text-align:center; margin-top:10px; margin-bottom:6%; }

.cuadro_faq { border-radius:15px; border:2px solid #3F464F; padding:15px 40px; position:relative; margin-bottom:3%; }

.numero_faq { position:absolute; left:-30px; top:30%; }

.circ_faq { width:60px; }

.numero_f { position:absolute; top:10px; left:23px; color:#FFF; font-weight:600; font-size:28px; }
.numero_f_doble { position:absolute; top:10px; left:18px; color:#FFF; font-weight:600; font-size:28px; }

.pregunta_faq { font-weight:600; color:#535C6A; font-size:18px; margin-bottom:2%; }

.bot_mas_preguntas { background-color:#CA2379; border-radius:10px; font-size:16px; padding:10px 20px; display:inline-block; color:#FFF; }
.bot_mas_preguntas:hover { color:#FFF; }

.alineacion_boton_faq { text-align:right; }

.footer { background-color:#30275C; padding-bottom:1%; padding-top:1%; color:#FFF; }

.redes_footer { text-align:center; margin-top:5%; }
.redes_footer a { margin-right:15%; }
.redes_footer a:nth-child(2) { margin-right:0%; }

.redes_footer i { color:#FFF; font-size:26px; transition:.4s; }
.redes_footer a:hover i { color:#CA2379; }
.redes_footer a:hover { text-decoration:none; }

.datos_ssn a { color:#FFF; }

.menu_footer { display:inline-block; margin-right:2%; margin-top:2%; margin-bottom:5%; }

.menu_footer a { color:#FFF; font-weight:600; font-size:14px; }


/********************** QUIENES SOMOS *****************************************************************************/

.subtit_quienes { margin-top:60px; font-size:14px; }

.tit_quienes { font-size:30px; font-weight:bold; }

.texto_quienes { margin-top:10px; }

.cuadro_mision { margin-top:80px; padding:25px 15px; background-color:#CA2379; border-radius:25px; margin-bottom:80px; }

.tit_mision { text-align:center;  color:#FFF; font-size:30px; font-weight:bold; }

.texto_mision { color:#FFF; }

.bot_cotizar_quienes { background-color:#CA2379; border-radius:10px; font-weight:bold;  margin-bottom:120px; font-size:24px; padding:5px 20px; display:inline-block; color:#FFF; }
.bot_cotizar_quienes:hover { color:#FFF; }

/********************** CONTACTO *****************************************************************************/

.tit_contacto { font-size:30px; font-weight:bold; margin-top:70px; }

.texto_contacto { margin-top:10px; font-size:18px; font-weight:300; max-width:600px; }

.tit_input_contacto { font-size:17px; margin-bottom:5px; font-weight:600; }

.input_contacto { background-color:rgba(202,35,121,0.3); border-radius:10px; padding:3px 10px; width:100%; border:none; outline:none; margin-bottom:15px; }

.textarea_contacto { background-color:rgba(202,35,121,0.3); border-radius:10px; padding:3px 10px; width:100%; border:none; outline:none; }

.cont_telefono {  }
.c_area { width:30%; display:inline-block; margin-right:10px; }
.c_telefono { width:66%; display:inline-block; }

.bot_enviar_contacto { background-color:#CA2379; padding:3px 35px; color:#FFF; font-size:16px; border-radius:10px; border:none; margin-top:15px; }

.form_contacto { max-width:450px; margin-top:20px; margin-bottom:70px; }


/**************************************************************************************************************************/
/********************** COTIZADOR *****************************************************************************************/


.bg_pasos { background-color:#F2F2F2; padding:15px 0; overflow:hidden;
    -webkit-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.23);
box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.23);
 }

 .tit_paso { color:#3F464F; font-size:20px; }

 .linea_pasos { position:absolute; margin-top:45px; left:0; background-color:#CA2379; height:6px; animation:linea1 0.8s linear forwards; animation-delay:2s; }

 .linea_pasos_dos { width:20%; position:absolute; margin-top:45px; left:0; background-color:#CA2379; height:6px; animation:linea2 0.8s linear forwards; animation-delay:0.5s;  }

  .linea_pasos_tres { width:40%; position:absolute; margin-top:45px; left:0; background-color:#CA2379; height:6px; animation:linea3 0.8s linear forwards; animation-delay:0.5s;  }

  .linea_pasos_cuatro { width:60%; position:absolute; margin-top:45px; left:0; background-color:#CA2379; height:6px; animation:linea4 0.8s linear forwards; animation-delay:0.5s;  } 

  .linea_pasos_cinco { width:80%; position:absolute; margin-top:45px; left:0; background-color:#CA2379; height:6px; animation:linea5 0.8s linear forwards; animation-delay:0.5s;  } 

.bot_volver_paso { display:inline-block; margin-right:15px; }
.bot_volver_paso i { color:#CA2379; font-size:24px; }

.ventana_primer_paso { min-height:500px; }

.ventana_segundo_paso { min-height:600px; }

.cont_loader { position:fixed; width:100%; height:100%; z-index:99999; top:0; animation:disp_none 0.1s linear forwards; animation-delay:1.6s; }

.barra_arriba { height:51%; background-color:#CA2379; top:0; position:relative; animation:arriba 0.8s linear forwards; animation-delay:1s;  }

.barra_abajo { height:51%; background-color:#30275C; position:relative; animation:abajo 0.8s linear forwards; animation-delay:1s;  }

.logo_loader { position:absolute; z-index:7; top:50%; left:43%; animation:abajo_logo 0.8s linear forwards; animation-delay:0.8s; }

.texto_loader { position:absolute; z-index:7; top:45%; left:45%; font-size:30px; color:#FFF; font-weight:bold; animation:arriba_frase 0.8s linear forwards; animation-delay:0.8s; }


@keyframes paso150 {
  0% { width:0; }
  100% { width: 50%; }
}

@keyframes paso1100 {
  0% { width:20%; }
  100% { width: 100%; }
}

@keyframes linea233 {
  0% { width:0%; }
  100% { width: 33%; }
}


@keyframes linea266 {
  0% { width:33%; }
  100% { width: 66%; }
}

@keyframes linea2100 {
  0% { width:66%; }
  100% { width: 100%; }
}



@keyframes arriba {
  0% { top: 0px; }
  80% { top: 3px; }
  100% { top: -52%; }
}

@keyframes abajo {
  0% { top: 0px; }
  80% { top: -3px; }
  100% { top: 50%; }
}

@keyframes abajo_logo {
  0% { top:50%; }
  80% { top: 49%; }
  100% { top: 110%; }
}

@keyframes arriba_frase {
  0% { top:45%; }
  80% { top: 46%; }
  100% { top: -110%; }
}

@keyframes disp_none {
  0% { top:0; }
  100% { top: -1110%; }
}

@keyframes linea1 {
  0% { width:0; }
  100% { width: 20%; }
}

@keyframes linea2 {
  0% { width:20%; }
  100% { width: 40%; }
}

@keyframes linea3 {
  0% { width:40%; }
  100% { width: 60%; }
}

@keyframes linea4 {
  0% { width:60%; }
  100% { width: 80%; }
}

@keyframes linea5 {
  0% { width:80%; }
  100% { width: 100%; }
}




.tit_coti { display:inline-block; color:#535C6A; font-weight:600; }

.tit_form { font-size:16px; font-weight:600; color:#535c6a; display:inline-block; margin-top:10px; }

.input_linea { background-color:transparent; border:none; border-bottom:2px solid #ca2379; outline:none; }

.select_linea { background-color:transparent; border:none; border-bottom:2px solid #ca2379; outline:none; display:inline-block; width:55%; line-height:1; margin-top:2%; font-size:16px !important; }
.selectize-dropdown, .selectize-input, .selectize-input input { font-size:16px !important; }

.select_linea .selectize-input { box-shadow:none !important; background-color:transparent !important; background-image:none !important; border:none; padding:1px 8px; }

.select_linea .selectize-input::after { display:none !important; }

.cont_marca { margin-top:2%; }
.cont_modelo { margin-top:2%; }
.cont_version { margin-top:2%; }

.bot_continuar {  background-color:#CA2379; border-radius:10px; color:#FFF; padding:5px 25px; display:none; margin-top:6%; font-size:14px; border:none;  width:100%; }
.bot_continuar:hover { color:#FFF; text-decoration:none; }

.form_cotizador_2 { max-width:500px; margin:0 auto; }

.bg_modal_paso_2 { position:absolute; width:100%; height:95.5%; background-color:rgba(0,0,0,0.5); z-index:80; top:142px; margin-bottom:-142px; left:0; }

.modal_datos_paso_2 { position:absolute; width:100%; max-width:600px; background-color:#FFF; top:20%; left:30%; z-index:150; border-radius:5px; padding:20px; }

.cont_barrio { margin-top:2%; width:100%; }

.datos_personales { /*display:none;*/ margin-top:15px; }

.cont_dato { margin-top:2%; }

.c_cod_cotizador { width:30%; display:inline-block; }
.c_cod_cotizador .input_linea { width:40%; }
.c_telefono_cotizador { width:60%; display:inline-block; }

.c_term_cotizador { width:58%; display:inline-block; }
.c_bot_term_cotizador { width:40%; display:inline-block; }

.bot_ver_coti {  background-color:#CA2379; border-radius:10px; color:#FFF; padding:5px 25px;  margin-top:5px; font-size:12px; border:none; display:block; width:100%; text-align:center; }
.bot_ver_coti:hover { color:#FFF; text-decoration:none; }

.bot_contratar {  background-color:#CA2379; border-radius:10px; color:#FFF; padding:9px 25px;  margin-top:5px; font-size:14px; border:none; display:block; width:100%; text-align:center; }
.bot_contratar:hover { color:#FFF; text-decoration:none; }

.bot_select_seguro { /*display:none !important;*/ }

.cartel_cotizaciones { display:none; margin-top:20px; background-color:#CA2379; color:#FFF; font-size:20px; text-align:center; padding:8px; border-radius:5px; }

.cont_otro_color { display:none; }


.table thead {  }
.table thead th { font-size:14px; font-weight:400; text-align:center; }

.td_cotizacion { min-height:80px; }
.td_cotizacion:hover { background-color:#e6bbd1; }

.precio_hover { position:relative; /*margin-top:19px; margin-bottom:1em;*/ }
.estrella { position:absolute; top:3px; right:3px; color:#CA2379; }
/*
.td_cotizacion:hover .bot_select_seguro { display:block !important; padding:5px 0px; margin-top:15px; }
.td_cotizacion:hover .precio_hover { display:none; } */

 .celda_cot_marca { width:14.5%; }

 .celda_resp { display:none !important; }

.subtit_form { font-weight:600; font-size:14px;  margin-top:30px; }

.form_datos { max-width:500px; }

.bot_infor { display: inline-block; border: 1px solid rgba(95, 38, 99, 1); border-radius: 50%; font-size: 6px; background-color:rgba(133, 62, 138, 0.9); color: #FFF; padding: 0px 3px; font-weight: 700; position: absolute; margin-top: -3px; margin-left: -12px; }

.check { margin-top:5px; display:none; }

.bot_habilitar_comparar {  background-color:#CA2379; border-radius:10px; color:#FFF; padding:5px 25px; display:inline-block; margin-top:2%; margin-bottom:2%; font-size:14px; border:none; }
.bot_habilitar_comparar:hover { color:#FFF; text-decoration:none; }

.bot_comparar {  background-color:#CA2379; border-radius:10px; color:#FFF; padding:5px 25px;  margin-top:3%; font-size:14px; border:none; display:none; }
.bot_comparar:hover { color:#FFF; text-decoration:none; }

.frase_precios { font-weight:bold; font-size:14px; margin-top:5px; margin-bottom:5px; }

.input_linea_datos { background-color:transparent; border:none; border-bottom:2px solid #ca2379; outline:none; display:inline-block; width:70%; }

.select_linea_datos {  background-color:transparent; border:none; border-bottom:2px solid #ca2379; outline:none; display:inline-block;  line-height:1; margin-top:2%; width:55%; }

.select_linea_datos .selectize-input { box-shadow:none !important; background-color:transparent !important; background-image:none !important; border:none; padding:1px 8px; }

.select_linea_datos .selectize-input::after { display:none !important; }

.select_linea_datos_solo {  background-color:transparent; border:none; border-bottom:2px solid #ca2379; outline:none; display:inline-block;  line-height:1; margin-top:2%; }

.select_linea_datos_solo .selectize-input { box-shadow:none !important; background-color:transparent !important; background-image:none !important; border:none; padding:1px 8px; }

.select_linea_datos_solo .selectize-input::after { display:none !important; }

.bot_editar { color:#CA2379; font-weight:600; background-color:#CACBCC; font-size:12px;  display:inline-block; padding:3px 12px; margin-right:10px; }

.datos_seleccion { display:inline-block; font-size:14px; margin-bottom:15px; }

.tit_info_auto { font-size:16px;  }

.input_info_auto { border:2px solid #ca2379; border-radius:25px; outline:none; padding:2px 6px; width:100%; }

.select_info_auto { border:2px solid #ca2379; border-radius:25px; outline:none; padding:4px 6px; width:100%; }

.margen_info_auto { margin-bottom:3%; }

.texto_fotos { color:#3F464F; font-size:14px; }

.cuadro_carta_dano { border:2px solid #ca2379; margin-left:15px; padding:10px; margin-top:20px; visibility:hidden; }

.tit_carta_dano { text-align:center; font-weight:bold; width:100%; margin-bottom:10px; }

.cuadro_gnc { margin-left:15px; margin-top:20px; visibility:hidden; }

.cedula_gnc { margin-top:600px; visibility:hidden; }

.bot_siguiente {  background-color:#CA2379; border-radius:10px; color:#FFF; padding:5px 25px;  margin-top:6%; font-size:14px; border:none; display:inline-block;  }
.bot_siguiente:hover { color:#FFF; text-decoration:none; }

.cont_img_paso3 { position:relative; margin-top:20px; }

.nube_paso3 { position:relative; animation-delay:.3s; }
.equipaje_paso3 { position:absolute; top:0; left:0; animation-delay:.6s; }
.auto_paso3 { position:absolute; top:0; left:0; animation-delay:.4s; }

.cont_img_paso4 { position:relative; margin-top:20px; }

.nube_paso4 { position:relative; animation-delay:.2s; }
.auto_paso4 { position:absolute; top:0; left:0; animation-delay:.4s; }

/***************** ANIMACION AUTO CARGA **************************************************************************************/

.cont_loading { width:0%; height:0%; position:fixed; top:0; left:0; text-align:center; background-color:rgba(133, 62, 138, 0.9); z-index: 888; transition:.3s; }

@keyframes spin {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}



.wheel,
.wheel:after,
.wheel:before {
    bottom: 6%;
    width: 14%;
    height: 20%;
    border-radius: 100%;
    background: #1e2327;
}

.wheel {
    left: 16%;
    -webkit-animation: spin 0.4s infinite linear;
    animation: spin 0.4s infinite linear;
    position: absolute;
}

.wheel.front {
    left: 70%;
}

.wheel:after,
.wheel:before {
    content: "";
    position: absolute;
    display: block;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
}

.wheel:before {
    background: #aaa;
}

.wheel:after {
    top: 40%;
    left: 40%;
    width: 20%;
    height: 20%;
}

@keyframes bobbing {
    0%{
        transform: rotate(0) translateY(0);
    }
    100%{
        transform: rotate(0.1deg) translateY(5px);
    }
}

.body {
    width: 100%;
    position: relative;
    transform-origin: right center;
    animation: bobbing 0.2s infinite ease-in-out forwards alternate;
}

.frame {
    position: relative;
}

.truck { max-width:400px; margin:0 auto; margin-top:15%; display:none; transition:.3s; position: relative; }

.fondo_auto { position:absolute; top:0; left:0; }

.truck img {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    margin: 0;
}
/*
@keyframes shine {
    0%{
        opacity: 0.1;
        background-position: 50px top;
    }
    30% { opacity: 1; }
    50%, 100%{
        opacity: 0.2;
        background-position: -500px 0;
    }
}
*/
.shine {
    /* Position it in the gap */
    width: 67%;
    height: 37%;
    left: 9%;
    top: 6%;

    /* Shape of the div to fit the windows */
    transform: skew(33deg, 1deg);
    border-radius: 56px 100px 20px 0;

    /* The background */
    background: linear-gradient(to right, transparent 76%, rgba(255,255,255,0.8) 78%, rgba(255,255,255,0.8) 96%, transparent 98%);
    background-repeat: no-repeat;
    background-size: cover;

    /* The animation */
    animation: shine 3s infinite ease forwards;
}

@keyframes thingy {
    0%{
        transform: translateX(0);
        width: 0;
        opacity: 0;
    }
    10%{
        width: 10%;
        opacity: 1;
    }
    30%, 100%{
        transform: translateX(-250px);
        width: 0;
        opacity: 0;
    }
}

.speed-thingy {
    position: absolute;
    width: 20px;
    border-radius: 10px;
    height: 5%;
    background: #fff;
    top: -10%;
    left: 50%;
    animation: thingy 3s infinite ease forwards;
}

.speed-thingy.second {
    top: 50%;
    left: 30%;
    animation-delay: 0.1s;
}

@keyframes shadow {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.01);
    }
}

.shadow {
    width: 100%;
    border-radius: 100%;
    height: 20px;
    bottom: 2%;
    position: absolute;
    left: 0%;
    background: rgba(0,0,0,0.1);
    animation: shadow 0.2s infinite ease-in-out forwards alternate;
    transform-origin: right center;
}

.cartel_cargando { bottom: -30%; position: absolute; left:0%; color:#FFF; font-size:26px; width: 100%; font-weight:700; }

/***************** PASO 4 *****************/

.reglon_auto_1 { width:100%; min-height:78px; visibility:hidden; }

.reglon_auto_2 { width:100%; min-height:78px; visibility:hidden; }

.fotos_auto { width:100%; visibility:hidden; }

/***************** SUBIDOR IMAGENES *****************/

.image-upload { display:inline-block; /*max-width:70px;*/ }
.image-upload > input
{
    display: none;

}

.image-upload img
{
   /*max-width:70px;*/
    cursor: pointer;
}

.img_preview { max-width:130px; }

#cartel_fotos { display:none; }

/********************* REGISTRO COMPLETO PDF ***********************/

.cuadro_final { background-color:#CA2379; text-align:center; padding:30px 15px; color:#FFF; transition:.3s; }

.tit_final { font-size:30px; font-weight:700; margin-bottom:10px; }

.texto_final { font-size:18px; margin-top:15px; }

.bot_final {  }
.bot_final:hover { text-decoration:none; }
.bot_final:hover .cuadro_final { background-color:#a71f65; }

.cartel_gracias { margin-top:40px; margin-bottom:50px; text-align:center; font-weight:700; font-size:26px; }


.tit_pdf { text-decoration:underline; font-size:20px; margin-bottom:10px; margin-top:15px; }

.linea_pdf { border-bottom:1px solid #000; margin-top:20px; }

.texto_chico_pdf { font-style:italic; font-size:14px; margin-top:15px; }

.texto_pdf { margin-top:15px; }

.logo_seguro_pdf { max-width:180px; margin-top:20px; margin-right:20px; }

.bot_descargar {  background-color:#CA2379; border-radius:10px; color:#FFF; padding:5px 25px;  margin-top:5%; font-size:14px; border:none; margin-bottom:5%; }
.bot_descargar:hover { color:#FFF; text-decoration:none; }

.cartel_reg_completo { transition:.3s; position:relative; }

.mensaje_llamado { visibility:hidden; transition:.3s; }


.bot_wsp { display:block; position:fixed; bottom:15px; right:15px; /*background-color:#57a52c; padding:7px 7px; border-radius:50%;*/ color:#FFF;
  animation-delay: 1s; animation-duration:5s; animation-name:corazon;
  animation-iteration-count: infinite; max-width:50px;
 } 

 @-webkit-keyframes corazon {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  5% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  15% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes corazon {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  5% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }

  10% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  15% {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


/*
@media (max-width: 1440px) { 
  
  .cartel_cargando { bottom: 20%; position: absolute; left:34%; color:#FFF; font-size:30px; font-weight:700; }
  
  .wheel { left:40%; }

  .wheel.front { left:56%; }
}

@media (max-width: 1366px) { 
  
  .cartel_cargando { bottom: 20%; position: absolute; left:34%; color:#FFF; font-size:30px; font-weight:700; }
  
  .wheel { left:40%; }

  .wheel.front { left:56%; }
}*/

@media (max-width: 991px) {

  .alto_resp_2 {  }

  .alto_resp_3 {  }

  .alto_resp_4 { height: 47px; }

  .alto_resp_2_comp {  }

  .alto_resp_3_comp {  }

  .alto_resp_4_comp { height: 47px; }

}


@media (max-width: 767px) { 

  .alto_resp_3 { height: 47px; }

  .alto_resp_3_comp { height: 47px; }


    .tit_banner { font-size:28px; margin-bottom:3%; margin-top:8%; color:#CA2379; }

    .texto_banner { font-size:14px; margin-bottom:2%; }

    /*.cuadro_banner { position:absolute; left:5%; top:3%; width:45%; }*/

  .cuadro_banner { position:relative; left:0; top:0; width:90%; text-align:center; margin:0 auto; }

  .carousel_clientes { display:none; }

  .banner_home { display:none; }

    .bot_banner { font-size:14px; display:block; margin-left:20px; margin-right:20px; padding:6px; margin-bottom:8%; margin-top:6%; }

    .tit_coti { font-size:14px; }

    .select_linea { width:50%; }

    .logo_loader { position:absolute; z-index:7; top:50%; left:18%; animation:abajo_logo 0.8s linear forwards; animation-delay:0.8s; }

    .texto_loader { position:absolute; z-index:7; top:45%; left:28%; font-size:30px; color:#FFF; font-weight:bold; animation:arriba_frase 0.8s linear forwards; animation-delay:0.8s; }

  .cuadro_faq { margin-left:35px; margin-right:35px; }

  .pregunta_faq { font-size:16px; }

  .respuesta_faq { font-size:14px; }

  .tit_faq { font-size:30px; }

  .cuadro_gris { text-align:center; }

  .tit_elegir { font-size:30px; }

  .frase_cliente { font-size:18px; }

  .center_resp_footer { text-align:center; }

  .menu_footer { margin-top:6%; }

  .cont_banner { overflow:hidden; }

  .alineacion_boton_faq { text-align:center; }

  .bot_mas_preguntas { font-size:14px; display:block; margin-left:20px; margin-right:20px; padding:6px; }

  .navbar-light .navbar-toggler { border:none; outline:none; }

  .navbar-light .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(202, 35, 121, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

  .bg-light { background-color:#FFF !important; }

  .navbar-brand { flex:auto; }

  .img_contacto { width:70%; margin:0 auto; display:block; }

  .tit_contacto { font-size:24px; text-align:center; margin-top:35px; }

  .texto_contacto { font-size:16px; text-align:center; }

  .bot_enviar_contacto { display:block; width:100%; padding:6px; }

  .bot_cotiza_nav_resp { display:inline-block; background-color:#CA2379; border-radius:10px; color:#FFF; padding:3px 10px; font-size:12px; position:absolute; top:30px; right:5px; }

  .bot_cotiza_nav_desk { display:none; }

  .redes_menu { margin-left:10% !important; margin-top:3%; text-align:left; }

  .navbar-collapse { border-bottom:1px solid #ccc; padding-bottom:10px; }

  .logo_menu { max-width:180px; }

  .celda_cot_marca { width:40%; }

  .celda_logo { height:70.86px; }

  .celda_resp { display:inline-block !important; }

  .tabla_resp { display:none; }

  .bot_final { margin-bottom:30px; display:block; }

  .cartel_gracias { margin-top:40px; margin-bottom:50px; text-align:center; font-size:22px; font-weight:400; }
  .cartel_gracias span { font-weight:700; }

  .redes_footer a { margin-right:10%; }

  .redes_footer i { font-size:22px; }

  .bot_infor { position: absolute; margin-top: -3px; margin-left: -12px; }

  .alto_resp_1_comp { height: 34px; }

}

@media (max-width: 536px) {

    .alto_resp_2 { height: 47px; }

  .alto_resp_2_comp { height: 47px; }

  .ico_plan_comp { width: 15px !important; }

}

@media (max-width: 500px) { 

  .alto_resp_3_comp { height: 65px; }

  .comparacion_planes td { min-height: 34px; }

  .cuadro_gris { min-height:auto; }

  .tit_elegir { font-size:22px; }

  .banner_home { max-width:130%; margin-left:-20%; }

  .navbar { padding:.5rem .1rem; }

  .logo_menu { max-width:130px; }

  .bot_cotiza_nav_resp { top:20px; font-size:11px; }

  .tit_faq { font-size:24px; }
  
  .modal_datos_paso_2 { left:1%; max-width:400px; }

  .cont_dato { font-size:12px; }

  .tit_form { font-size:12px; }

  .c_cod_cotizador { width:100%; display:inline-block; margin-bottom:5px; margin-top:5px; }
  .c_cod_cotizador .input_linea { width:20%; }
  .c_telefono_cotizador { width:100%; display:inline-block; margin-bottom:5px; margin-top:5px;  }

  .c_term_cotizador { width:52%; display:inline-block; margin-top:5px; margin-bottom:5px; }
  .c_bot_term_cotizador { width:45%; display:inline-block; margin-top:5px; margin-bottom:5px; }
  .cont_term { border-top:1px solid #ccc; border-bottom:1px solid #CCC; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; }

  .selectize-dropdown, .selectize-input, .selectize-input input { font-size:12px !important; }

  .select_linea_datos { width:45%; }

  .logo_ssn { width:70%; display:block; margin:0 auto; }

  .table-bordered td, .table-bordered th { font-size:12px; }

  .table thead th { font-size:12px; }

  .bot_ver_coti { font-size:12px; padding:3px 10px; }

  .check { margin-top:7px; }

  .table td, .table th { padding:.35rem; }

  .celda_cot_marca { width:34%; }

  .cartel_gracias { margin-top:40px; margin-bottom:50px; text-align:center; font-size:20px; font-weight:400; }
  .cartel_gracias span { font-weight:700; }
  
  .cont_img_final { overflow:hidden; }
  .img_final { max-width:120%; margin-left:-20%; }

  .logo_footer { max-width:180px; margin-top:10px; }

  .bot_pdp {  margin-right:30px; }

  .bot_afp { float:none !important; }

  .datos_ssn { font-size:14px; }

}


@media (max-width: 380px) { 
  
  .modal_datos_paso_2 { left:1%; max-width:350px; }

  .cartel_gracias { margin:0 auto; margin-top:40px; margin-bottom:50px; text-align:center; font-size:18px; font-weight:400; width:90%;  }

  .menu_footer { margin-top:3%; margin-bottom:2%; }

  }

.barra_de_progreso { 
  left:0; 
  background-color:#CA2379; 
  height:6px;  
  animation-delay:0.5s;  
}

.linea_1_1 { width:0%;  animation:paso1_1 0.8s linear forwards; }
.linea_1_2 { width:34%; animation:paso1_2 0.8s linear forwards; }
.linea_1_3 { width:67%; animation:paso1_3 0.8s linear forwards; }

.linea_2_1 { width:0%;  animation:paso2_1 0.8s linear forwards; }
.linea_2_2 { width:25%; animation:paso2_2 0.8s linear forwards; }
.linea_2_3 { width:50%; animation:paso2_3 0.8s linear forwards; }
.linea_2_4 { width:75%; animation:paso2_4 0.8s linear forwards; }

@keyframes paso1_1 {
  0% { width:0; }
  100% { width: 34%; }
}

@keyframes paso1_2 {
  0% { width:34%; }
  100% { width: 67%; }
}

@keyframes paso1_3 {
  0% { width:67%; }
  100% { width: 100%; }
}

@keyframes paso2_1 {
  0% { width:0%; }
  100% { width: 25%; }
}

@keyframes paso2_2 {
  0% { width:25%; }
  100% { width: 50%; }
}

@keyframes paso2_3 {
  0% { width:50%; }
  100% { width: 75%; }
}

@keyframes paso2_4 {
  0% { width:75%; }
  100% { width: 100%; }
}
  
/*# sourceMappingURL=bootstrap.css.map */