/* Reset */
*{
  margin: 0;
  padding: 0;
  outline: 0;
}

/* Fuente iconográfica */
@font-face {
  font-family: 'segurocell';
  src: url('../font/segurocell.eot?58679304');
  src: url('../font/segurocell.eot?58679304#iefix') format('embedded-opentype'),
       url('../font/segurocell.woff2?58679304') format('woff2'),
       url('../font/segurocell.woff?58679304') format('woff'),
       url('../font/segurocell.ttf?58679304') format('truetype'),
       url('../font/segurocell.svg?58679304#segurocell') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "segurocell";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contenedor_otra {
  position: relative;
}
.input_cerrar {
  position: absolute;
    top: 2px;
    right: 7px;
    font-size: 25px;
}
.icon-facebook:before { content: '\e800'; } /* '' */
.icon-instagram:before { content: '\e801'; } /* '' */
.icon-youtube:before { content: '\e802'; } /* '' */
.icon-pregunta:before { content: '\e803'; } /* '' */
.icon-flecha-ab:before { content: '\e804'; } /* '' */
.icon-flecha-ar:before { content: '\e805'; } /* '' */
.icon-flecha-der:before { content: '\e806'; } /* '' */
.icon-flecha-izq:before { content: '\e807'; } /* '' */
.icon-login:before { content: '\e808'; } /* '' */
.icon-cerrar:before { content: '\e809'; } /* '' */
.icon-chat:before { content: '\e80a'; } /* '' */
.icon-flecha-ar-ab:before { content: '\e80b'; } /* '' */

/* Globales */
body {
  background: #fff;
  color: #0037c1;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 17px;
}

a{
  color: #03a3ff;
  font-size: 17px;
  font-weight: 300;
  text-decoration: underline;
}

a:hover{
  color: #03a3ff
}

h1{
  color: #0037c1;
  font-weight: 300;
  font-size: 40px;
  margin-bottom: 120px;
  /* font-size: 48px */
}

.top_ok {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 400px;
}
.titulo_ok {
  width: 50%;
  margin-top: 50px;
  margin-bottom: 100px;
  position: relative;
  margin-left: 50px;

}
.subtitulo_ok {
  color: black !important;
  font-size: 17px !important;
}
.cuadros_desk {
  width: 80%;
}
.qr_ok {
  margin-top: 40px;
  width: 480px;
  margin-bottom: 30px;
}
h2{
  color: #03a3ff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 50px;
  /* font-size: 40px; */
}

h3{
  font-size: 15px
}

p{
  color: #707275;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}

hr{
  border-top: 1px solid #eeebea;
  margin-top: 40px;
  margin-bottom: 34px
}

ul{
  margin-left: 120px;
}

ul li{
  color: #707275;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  list-style: none;
}

ul li:before{
  color: #03a3ff;
  content: "•";
  font-size: 22px;
  padding-right: 10px
}

figure {
    margin: 0;
}

.cargando {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999;
  display: none;
}
.cargando .loading {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #707275;
  border: 1px solid #707275;
}

select::-ms-expand {
  display: none;
}

input:focus, .btn:focus,.btn:active, label{
  outline: none !important;
  box-shadow: none;
  /*border: 0 !important*/
}

#checkout label.error {
    color: red;
    position: absolute;
    margin-top: -45px;
    font-size: 11px;
    right: 15px;
    text-align: right;
    width: auto;
}
#modelo-error, #marca-error {
      margin-top: -23px !important;
      right: 0px !important;
}
.contenidos{
  margin-bottom: 60px;
  margin-top: 90px
}

.home section{
  padding: 56px 0
}

.home section h2{
  color: #0037c1;
  font-size: 40px;
  font-weight: 300;
}

.card{
  border: 0;
  background: transparent;
}

.card-body {
  padding: 38px;
}

.absoluto{
    position: absolute;
    right: -10px;
    top: 6px;
}

.selector{
  position: relative;
  margin-bottom: 10px;
}

.selector:after{
  position: absolute;
  right: 0;
  content: '\e804';
  font-family: "segurocell";
  color: #707275;
  font-size: 40px;
  top: -10px;
   pointer-events: none;
}

.btn {
  font-weight: 600;
  font-size: 22px;
  border: 0;
  border-radius: 10px;
  padding: 0 .75rem;
  font-size: 1rem;
  line-height: 40px;
}

.btn:focus {
  outline: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-control.error {
    border-color: #f0583e !important;
}

/* Popup */

.popup{
  cursor: pointer;
}

.modal-dialog {
  box-shadow: 5px 5px 20px 0 rgba(193, 196, 197, 0.2);
  border-radius: 15px
}

.modal-header{
  border: 0;
}

.modal-content {
  padding: 30px 40px 30px;
  color: #707275;
  text-align: center;
  background-color: #fff;
  border: 0;
  border-radius: .25rem;
  font-size: 17px;
  font-weight: 300;
  text-align: left;
}

.modal-content h4{
  color: #03a3ff;
  font-size: 22px;
  font-weight: 600
}

.modal-backdrop{
  background-color: #fff
}

.modal-header .close {
  padding: 10px;
  outline: 0;
  font-size: 40px
}

#formCotizar button.close{
  width: auto;
  display: inline-block;
}

.modal-body p {
  color: #707275 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

.modal-body ul {
  margin-left: 0 !important;
}

.form-control:focus {
  border-color: #cacdd2;
  box-shadow: 0px 0px 20px 0 rgba(35, 114, 156, 0.15);
}

/* Iconos */

i.icon-pregunta{
  color: #03a3ff;
  font-size: 20px;
  vertical-align: middle;
}

i.icon-flecha-der, i.icon-flecha-ab{
  font-size: 40px;
  vertical-align: middle;
}

i.icon-flecha-der.float-right {
    margin-right: -10px;
}

i.icon-flecha-ar-ab{
  font-size: 24px;
  vertical-align: middle;
  float: right;
}

i.icon-login{
  font-size: 50px;
  vertical-align: middle;
  line-height: 20px
}

/* Colores */

.btn-primary {
  color: #fff;
  background-color: #0037c1;
  border-color: #0037c1;
  font-size: 18px;
  font-weight: 700
}

button[type=submit].btn-primary {
  font-weight: 400
}

.btn-secondary {
  color: #fff;
  background-color: #03a3ff;
  border-color: #03a3ff;
  font-size: 16px;
  font-weight: 500
}

.btn.btn-secondary:hover, .btn.btn-primary:hover {
  color: #ffffff !important;
  background-color: #6c757d !important
}

.btn-extra{
  color: #03a3ff;
  background-color: #fff;
  border-color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.btn.btn-extra:hover {
  color: #ffffff !important;
  background-color: #03a3ff !important
}

.btn-link:hover{
  color: #707275
}

/* Menu principal */

.home .navbar{
  background-color: #EAEAED;
}

.navbar{
  padding: 28px 80px 0
}

.navbar-nav{
  margin-left: 0
}

.navbar-nav li:before{
  content: "";
}

.navbar a{
  color: #0037c1;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}

.navbar a:hover, .navbar-nav li.active a{
  color: #03a3ff;
}

.navbar a.apagado{
  color: #b9bbbf
}

li.nav-item.separador {
    color: #b9bbbf;
    padding-top: 2.2rem;
    padding-bottom: .5rem;
}

/* Menu principal mobile*/
#navbar-mobile a{
  text-decoration: none;
}

.wrapper {
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}

.navbar {
  height: 75px;
  transition: all .5s .1s;
}

.navbar-offcanvas {
  z-index: 1030;
}
.navbar-offcanvas .container-fluid {
  position: relative;
  padding: 0;
  transform: translate3d(0px, 0, 0);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.navbar-offcanvas .navbar-nav {
  display: none;
}

/* Barra stick llamada de acción */

.barra{
  background-color: #0037c1;
  color: #fff;
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  width: 100%;
  height: 60px;

}

.fija{
-webkit-backface-visibility: hidden;
  position: fixed;
  bottom: 0px;
  left: 0;
  z-index: 1010
}

.barra p {
  margin: 0;
  color: #fff !important;
  font-size: 20px;
  line-height: 56px !important;
}

.barra .btn-extra {
  margin-right: 10px;
  text-decoration: none;
  text-align: center;
  min-width: 300px;
}

.barra.sps--blw {
 -webkit-backface-visibility: hidden;
  position: fixed;
  background: #000;
  bottom: 10px;
  left: 0;
  z-index: 9999;
}

.affix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}

/***************************************/
/********** Página Home ****************/
/******** Bloque Hero ******************/
/***************************************/

.home a{
  text-decoration: none;
}

.home p{
  color: #707275;
  line-height: 30px
}

#cotiza{
  background: #EAEAED url("../img/celufondo.jpg") no-repeat bottom right;
  padding: 0 65px
}

#empresas {
    background: #EAEAED;
    padding: 0 65px 20px;
}

#empresas h1{
  margin-bottom: 10px
}

#empresas p.gris{
  color: #666666
}

#formCotizar.formEmpresas h2{
  margin-bottom: 30px
}

/*#formCotizar.formEmpresas .form-control {
    border: 2px solid #595959;
    color: #000;
    font-weight: 500
}

#formCotizar.formEmpresas input::-webkit-input-placeholder {
  color: #000 !important;
}
#formCotizar.formEmpresas input::-moz-placeholder {
  color: #000 !important;
}
#formCotizar.formEmpresas input:-moz-placeholder {
  color: #000 !important;
}
#formCotizar.formEmpresas input:-ms-input-placeholder {
  color: #000 !important;
}*/

.btn.btn-cotizar {
    background: #03a3ff;
    /*border: 2px solid #434343 !important;*/
    color: #000000;
    min-height: 64px;
    display: block;
    line-height: 20px;
    padding: 10px
}

.btn.btn-llamar {
    background: #cfe2f3;
    /*border: 2px solid #434343 !important;*/
    color: #e69138;
    min-height: 64px;
    display: block;
    line-height: 20px;
    padding: 10px
}

.empresasImg img {
    padding-top: 200px;
    margin: 0 auto;
    display: table;
}

#cotiza, #cotiza .container-fluid, #cotiza .contiene{
  min-height: 730px;
}

#cotiza h1{
  margin-bottom: 0
}

#cotiza h3{
  color: #707275;
  float: left;
  line-height: 24px;
  margin-bottom: 0
}

.colForm{
  width: 70%;
  max-width: 880px
}

.bajada{
  float: left;
  margin-bottom: 20px;
  margin-top: 100px;
  width: 100%
}

.bajada img{
  float: left;
  margin-right: 16px
}

#formCotizar{
  max-width: 580px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 5px 5px 8px 0 rgba(49, 152, 207, 0.2);
  font-size: 18px;
  margin-top: 20px;
  padding: 20px 25px 6px
}

#formCotizar h2{
  color: #03a3ff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

#formCotizar p{
  color: #707275;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
}

.form-control {
  border: 1px solid #cacdd2;
  border-radius: 10px;
  font-size: 17px;
  padding-left: 18px;
  padding-right: 18px;
}

select.form-control {
    padding-left: 14px;
    padding-right: 14px;
}

.form-group{
    margin-bottom: 10px
}

#formCotizar button{
  display: block;
  width: 100%;
  border-radius: 0.55rem;
}

.bloqueValores{
  margin-right: -5px;
  margin-left: -5px;
}

.bloqueValores .col-lg-5, .bloqueValores .col-lg-7{
  padding-left: 5px;
  padding-right: 5px
}

.cajaValor {
  display: inline-block;
  padding-left: 14px;
  position: relative;
}

.valor .cajaValor {
  margin: 0 auto;
  text-align: center;
  display: table;
}

.cajaValor:after {
  content: "$";
  position: absolute;
  left: 0;
  top: 0
}

#formCotizar .valor{
  background-color: #eaeaea;
  border-radius: 0.55rem;
  padding: 23px 20px;
  height: 100%;
  font-size: 18px;
  line-height: 22px;
  color: #0037c1;
  text-align: center;
}

#formCotizar .cuota{
  background-color: #03a3ff;
  border-radius: 0.55rem;
  color: #fff;
  padding: 30px 20px;
  height: 100%;
  text-align: center;
}

.valores{
  border: 0;
  background: transparent;
  position: relative;
}

.valores:before{
  content: "";
  background: red;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0
}

#formCotizar .valor .valores{
  color: #0037c1;
  max-width: 70px
}

#formCotizar .cuota .valores{
  color: #fff;
  max-width: 36px;
}

#formCotizar .btn-primary{
/*  background-color: #03a3ff;
  border-color: #03a3ff;*/
  display: block;
  font-size: 18px;
  font-weight: 600
}

.formulario{
  width: 70%;
  float: left;
}

.ventajas{
  width: 30%;
  float: left;
  margin-top: 20px;
}

.ventajas ul{
  margin-left: 30px
}

.ventajas li{
  color: #0037c1;
  font-size: 15px;
  list-style: none;
  line-height: 22px;
  margin-bottom: 24px;
  padding-left: 20px;
  position: relative;
}

.ventajas li:before{
  background: url("../img/item_azul.svg") no-repeat center;
  content: "";
  position: absolute;
  left: -20px;
  width: 29px;
  height: 25px;
  top: 0;
}

.animacion{
  margin: 0 -70px 0 0
}

.animacion .figure-img {
    margin-bottom: 0;
}

.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* fixed to top styles */
.affix.navbar {
  background-color: #333;
}
.affix.navbar .nav-item>a,
.affix.navbar .navbar-brand {
    color: #fff;
}

/* Caracteristicas */

#caracteristicas .btn{
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding-left: 68px;
  padding-right: 68px;
  position: relative;
}

#caracteristicas .btn i {
  position: absolute;
  right: 16px;
}

#caracteristicas h3{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 50px;
  margin-top: 20px;
}

#caracteristicas p {
    margin: 0 auto 40px;
    max-width: 340px
}

/* Reparacion */

#reparacion{
  background: #fff url("../img/sombra.jpg") repeat-x left top;
  padding: 80px 0
}

#reparacion a.btn.btn-primary, #reparacion a.btn.btn-secondary {
  cursor: default;
}

#reparacion .btn.btn-primary {
  background-color: #03a3ff;
  border-color: #03a3ff;
  min-width: 150px
}

#reparacion .btn.btn-primary:hover {
  color: #fff !important;
  background-color: #03a3ff !important;
  border-color: #03a3ff !important;
}

#reparacion .btn.btn-secondary{
  min-width: 150px
}

#reparacion .btn.btn-secondary:hover {
  color: #fff !important;
  background-color: #03a3ff !important;
  border-color: #03a3ff !important;
}

.cajaIconos {
  background-color: #fff;
  box-shadow: 0px 0px 30px 0 rgba(35, 114, 156, 0.15);
  border-radius: 15px;
  margin-top: 25px;
  width: 100%;
  float: left;
  position: relative;
  z-index: 2
}

.cajaIconos .item{
  width: 100%;
  float: left;
  padding: 25px 38px;
  font-size: 18px;
  font-weight: 600;
  max-height: 130px
}

.cajaIconos .item p{
  font-size: 18px;
  font-weight: 600
}
.cajaIconos .item.impar, .descripcion .item.impar{
  background-color: #faf9f8;
  border-top: 1px solid #ece9e8;
  border-bottom: 1px solid #ece9e8;
}

.titulos {
  color: #707275;
  font-size: 12px;
  font-weight: 600;
  height: 41px;
  text-align: center;
  position: relative;
  z-index: 1
}

.descripcion .item{
  padding: 25px 8px 25px 38px;
  max-height: 130px
}

.descripcion .item a{
  color: #fff;
  padding: 0px 30px;
}

.descripcion .item p {
  line-height: 24px;
}

.paddingR {
  padding-right: 0
}

.paddingL{
  padding-left: 0
}

/* Protegido */

#protegido{
  background: #dfe6eb  url("../img/sombra2.jpg") repeat-x left top;
  position: relative;
}

#protegido h2{
  margin-bottom: 40px
}

#protegido p{
  color: #0037c1;
  font-size: 17px;
  font-weight: 400
}

.txtProteccion{
  position: relative;
  z-index: 2
}
.imagen{
    position: relative;
    width: 100%;
    max-width: 1470px;
    margin: 40px auto 30px;
    z-index: 1
}
.celular.celularDk {
    margin-left: -170px;
}
.points{
  position: absolute;
  z-index: 2
}

.pointUno {
    right: 76px;
    top: 134px;
}
.pointUno figcaption{
    text-align: center;
    padding-left: 116px;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    padding-top: 5px;
}

.pointDos {
    right: 42%;
    top: 184px;
}
.pointDos figcaption{
    text-align: center;
    margin-left: -156px;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    padding-top: 5px;
}

.pointTres {
    right: 18%;
    top: 53%;
}
.pointTres figcaption{
    text-align: center;
    margin-right: -177px;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    padding-top: 5px;
}

.pointCuatro {
    right: 843px;
    top: 71%;
}
.pointCuatro figcaption {
    text-align: center;
    margin-left: -200px;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    margin-top: -22px;
}

.pointCinco {
    right: 714px;
    top: 76%;
}
.pointCinco figcaption {
    text-align: center;
    margin-left: -264px;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    margin-top: -24px;
}

/* Opiniones */

#opiniones{
  padding-top: 0;
  position: relative;
  margin-top: 90px;
}

.caras{
  display:none;
  margin-bottom: 90px
}

.caras .row{
  margin-left: 0;
  margin-right: 0
}
.caras, .caras .col{
  padding: 0
}

.caras img{
  width: 100%
}

#opiniones .testimonios .item{
  background-color: #fff;
  padding: 24px 40px;
  border-radius: 15px;
  margin-bottom: 20px;
  position: relative;
}

#opiniones .testimonios .item:nth-child(2n){
  background-color: #faf9f8
}

#opiniones .item p {
  margin-bottom: 0;
}

#opiniones .item p.nombre {
  color: #0037c1;
  font-size: 18px;
  font-weight: 500
}

#opiniones .item p.fuente {
  color: #707275;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.botChat{
  background-color: #76bd42;
  color: #fff;
  display: block;
  font-size: 40px;
  width: 60px;
  height: 60px;
  border-radius: .25em;
  text-align: center;
  position: absolute;
  right: -200px;
  bottom: 0px
}

/* FAQS */

#faqs{
  background: #fff url("../img/sombra.jpg") repeat-x left top;
  padding: 56px 0 90px
}

#faqs .card{
  border: 1px solid #f1eeec;
  border-radius: 0;
  border-right: 0;
  border-left: 0;
  padding-left: 130px;
  padding-right: 130px
}

.card-header {
  background-color: transparent;
  border-bottom: 0;
}

#faqs .btn-link {
  color: #0037c1;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none !important;
  padding-left: 84px;
  white-space: normal;
  text-align: left;
  position: relative;
}

#faqs .card-body {
  font-size: 17px;
  padding: 0 124px 40px;
}

#faqs .accordion .card-header .btn-link:before {
  font-family: "segurocell";
  content: '\e805';
  color: #03a3ff;
  font-size: 50px;
  padding-right: 50px;
  vertical-align: middle;
  position: absolute;
  left: 0;
}

#faqs .accordion .card-header .btn-link.collapsed:before {
  content: '\e804';
}

#preguntas a{
  color: #03a3ff;
  text-decoration: underline;
}

#preguntas a:hover{
  color: #03a3ff
}

/* Pagos */

#pagos{
  background: #fff url("../img/sombra.jpg") repeat-x left top;
  padding: 100px 0 30px
}

#pagos h2{
  margin-bottom: 60px
}

#pagos h3 {
  font-size: 18px;
  font-weight: 500;
  padding-left: 70px;
}

#pagos img{
  padding-left: 180px
}

.bordeAr{
  border-top: 1px solid #e9e7e7;
  padding-top: 30px;
  padding-bottom: 30px
}

/* Footer */

footer h4, footer li{
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 20px
}

footer ul {
  margin-bottom: 0;
  margin-left: 0;
}

footer li{
  list-style: none;
}

footer li:last-child{
  margin-bottom: 0
}

footer ul li:before{
  color: #ffffff;
}

.menuFooter{
    color: #fff;
  background-color: #002b43;
  padding-top: 40px;
  padding-bottom: 100px
}

.menuFooter a{
  color: #fff;
  text-decoration: none;
}

.menuFooter a:hover{
  color: #03a3ff;
}
.copy p{
  color: #707275;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
  text-align: center;
}

.logosFooter{
  margin-bottom: 70px;
  margin-top: 25px;
}

.logosFooter img{
  padding: 20px 25px;
  max-height: 85px;
}

#redes li{
  list-style: none;
  float: left;
  margin-bottom: 0;
  margin-right: 24px
}

#redes li:before{
  display: none;
}

#redes li a{
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: block;
  color: #002b43;
  text-align: center;
}

#redes li a:hover{
  color: #fff;
  background: #03a3ff
}

#redes li a i{
  font-size: 48px;
  line-height: 40px;
  margin-left: -4px;
}

/***************************************/
/********** Página Siniestros **********/
/***************************************/

#siniestros h1{
  display: block;
  margin: 76px auto 0;
  text-align: center;
}

#siniestros h2{
  margin-bottom: 20px
}

#siniestros ul{
  margin-left: 0
}

#siniestros .opcionesForm .btn{
  max-width: 450px;
  width: 100%
}

#siniestros .card .btn{
  width: 100%
}

.paso1{
  padding-left: 80px;
  padding-right: 80px;
}

#formSiniestros {
  background: #eeebea;
  padding-top: 30px;
  max-width: 1080px;
  margin: 54px auto 20px;
  border-radius: 15px;
}

.opcionesForm{
  padding-bottom: 28px;
}

#siniestros .accordion .card-header .btn-link:before {
  font-family: "segurocell";
  content: '\e805';
  color: #03a3ff;
  font-size: 50px;
  padding-right: 50px;
  vertical-align: middle;
}

.alert-danger {
  color: #fff;
  background-color: #f0583e;
  border-color: #f0583e;
  width: 100%;
  border-radius: 10px;
  padding: 7px 16px;
  font-size: 17px;
  margin-bottom: 20px
}

.alert-danger img{
  margin-right: 15px
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  background: #0037c1;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  border: 0;
  padding: 0 .75rem;
  font-size: 1rem;
  line-height: 40px;
  display: block;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 16px
}

.inputfile:focus + label,
.inputfile + label:hover {
  background-color: #03a3ff;
}

.inputfile + label {
  cursor: pointer;
}

.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  pointer-events: none;
}

.advertencia{
  background: #f0583e;
  border-radius: 10px;
  color: #fff;
  line-height: 40px;
  padding-left: 16px;
  width: 100%
}

button.activo{
  background: #03a3ff !important
}

.activo i.icon-flecha-der{
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/***************************************/
/********** Página Checkout **********/
/***************************************/

body.pago, body.siniestros, body.terminosycondiciones, body.politicadeprivacidad{
/*  background: url("../img/gradiente_checkout.jpg") repeat-x left top;*/
  color: #707275
  background-color: #EAEAED;
}

#checkout h1 {
  display: block;
  margin: 76px auto;
  text-align: center;
}

#checkout h2{
  margin-bottom: 40px;
  color: #03a3ff;
  font-size: 22px;
  font-weight: 500
}

#formCheckout .container{
  max-width: 1080px;
  margin: 0 auto;
}

#resumen{
  padding-bottom: 76px
}

#resumen .valor{
  background-color: #eaeaea;
  border-radius: 0.55rem;
  text-align: center;
  margin-bottom: 10px
}

#resumen .valor .cajaValor {
  margin: 0;
  text-align: left;
  display: inline-block;
}

#resumen .valor, #resumen .valor .cajaValor .valores{
  color: #707275;
  font-size: 17px;
  font-weight: 400;
  line-height: 40px
}

#resumen .cuota{
  background-color: #03a3ff;
  border-radius: 0.55rem;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px
}

#resumen .cuota .valores{
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

#resumen .card{
  border: 0
}

#checkout .btn{
  width: 100%;
  max-width: 500px;
  display: table;
  font-size: 20px;
  font-weight: 500;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

#resumen .card .btn{
  background-color: #0037c1;
  color: #fff;
}

#datos{
  background: #fff url("../img/sombra.jpg") repeat-x left top;
  padding: 56px 0 90px
}

#datos .row{
  border-bottom: 1px solid #eeebea;
  padding-bottom: 20px;
  padding-top: 20px
}

#datos .row:last-child{
  border-bottom: 0;
}

#datos .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

#info{
  background: #fff url("../img/sombra.jpg") repeat-x left top;
  padding: 56px 0 90px
}

.form-control{
  margin-bottom: 16px
}

#checkout h3{
  color: #707275;
  font-size: 17px;
  font-weight: 500;
  padding-left: 8px
}

label .form-control{
  margin-left: 0;
  width: auto;
  display: inline;
}

#info a {
  color: #03a3ff;
  text-decoration: underline;
}

#info a:hover{
  color: #03a3ff
}

.consentimiento p{
  font-size: 17px;
  color: #707275;
  margin-top: 60px
}

.bloqueNacimiento{
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;

}

.bloqueNacimiento .form-control {
  margin-bottom: 0;
  margin-left: 0;
  width: 66px;
  text-align: center;
}

.bloqueNacimiento .form-control option{
  text-align: center;
}

.campoNacimiento:nth-child(2):before {
  content: "/";
  position: absolute;
  left: -16px;
  top: 0px;
  width: 10px;
  height: 10px;
}

.campoNacimiento:nth-child(2):after {
  content: "/";
  position: absolute;
  right: -18px;
  top: 0px;
  width: 10px;
  height: 10px;
}

.campoNacimiento {
  float: left;
  margin-right: 26px;
  width: 33.3%;
  position: relative;
}

.campoNacimiento:last-child {
  margin-right: 0;
}

.checkRow {
  margin: 50px auto;
}

.checkRow label {
  position: relative;
}

input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  cursor: pointer;
  position: absolute;
  top: 3px;
  right: -40px;
  height: 18px;
  width: 18px;
  background-color: #03a3ff;
  border: 1px solid #cacdd2
}

label:hover input[type=checkbox] ~ .checkmark {

}

label input[type=checkbox]:checked ~ .checkmark {

}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

label input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
}

label .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#checkout label{
  padding-left: 0px;
}

#datos label{
  width: 100%;
  line-height: 38px;
}

form h3 {
  font-size: 17px;
  font-weight: 500;
  padding-left: 18px;
}

form h3 span{
  font-weight: 300;
}

.radios {
    margin: 4px 0 10px;
}

.form-check{
    margin-bottom: 10px;
    padding-left: 16px;
}
.checkbox label:after,
.form-check label:after {
  content: '';
  display: table;
  clear: both;
}

.form-check .cr {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 1px solid #cacdd2;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: .5em;
  cursor: pointer;
  border-radius: 50%;
}

.form-check .cr:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background: #cacdd2;
  border-radius: 50%;
}

.form-check label input[type="radio"] {
  display: none;
}

label input[type=radio]:checked ~ .cr:before {
  background: #03a3ff
}

.respuesta{
  color: #f0583e;
  margin-top: 20px;
  min-height: 50px;
  max-width: 580px;
  text-align: center;
}

#formSiniestros .respuesta{
  max-width: 100%;
}

.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: block;
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
  border-radius: 10px;
  margin-top: -17px;
  background: #fff;
  border: 1px solid #cacdd2;
  box-shadow: .05em .2em .6em rgba(0,0,0,.2);
  text-shadow: none;
  margin-left: 0 !important
}

@supports (transform: scale(0)) {
  .awesomplete > ul {
    transition: .3s cubic-bezier(.4,.2,.5,1.4);
    transform-origin: 1.43em -.43em;
  }

  .awesomplete > ul[hidden],
  .awesomplete > ul:empty {
    opacity: 0;
    transform: scale(0);
    display: block;
    transition-timing-function: ease;
  }
}

.awesomplete > ul > li {
  color: #707275;
  position: relative;
  padding: .2em .5em;
  cursor: pointer;
}

.awesomplete > ul > li:hover {
  background: #f2f4f6;
}

.awesomplete > ul > li[aria-selected="true"] {
  background: hsl(205, 40%, 40%);
  color: white;
}

.awesomplete mark {
  background: hsl(65, 100%, 50%);
}

.awesomplete li:hover mark {
  background: hsl(68, 100%, 41%);
}

.awesomplete li[aria-selected="true"] mark {
  background: hsl(86, 100%, 21%);
  color: inherit;
}

.awesomplete > ul > li:before, .awesomplete > ul > li mark{
  display: none !important;
}

/***************************************/
/********** Media queries **********/
/***************************************/

@media (min-width: 576px){
  .container {
      max-width: 90%;
  }
}

@media (min-width: 768px){
  .container {
      max-width: 720px;
  }
}

@media (min-width: 768px) and (max-width: 992px){
  .container {
      max-width: 850px;
  }
}

@media (min-width: 992px){
  .container {
      max-width: 960px;
  }
}

@media (min-width: 1200px){
  #caracteristicas .container {
      max-width: 1580px;
  }
  #caracteristicas .col-lg-4 {
      padding-left: 90px;
      padding-right: 90px;
  }
  .container {
      max-width: 1250px;
  }
}

@media (min-width: 1480px){
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 28px;
      padding-left: 28px;
  }
}
@media (min-width: 992px) {
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
}
}
@media (min-width: 992px) {
  .navbar-offcanvas .navbar-nav {
    display: flex;
    margin-left: auto;
  }
}
.navbar-offcanvas .navbar-nav .nav-item {
  margin-right: 22px;
  text-align: center;
}

@media (max-width: 1540px) {
.imagen{
    max-width: 1270px;
}
.pointUno {
    right: 65px;
    top: 113px;
}
.pointDos {
    right: 44%;
    top: 157px;
}
.pointCuatro {
    right: 749px;
    top: 71%;
}
.pointCinco {
    right: 636px;
    top: 75%;
}
}

@media (max-width: 1400px) {
.imagen{
    max-width: 1170px;
}
.pointUno {
    right: 58px;
    top: 102px;
}
.pointDos {
    right: 45%;
    top: 144px;
}
.pointCuatro {
    right: 704px;
    top: 71%;
}
.pointCinco {
    right: 600px;
    top: 75%;
}
}
@media (max-width: 991px) {
  .navbar-offcanvas .navbar-nav .nav-item .nav-link {
    color: #000;
  }
}
.navbar-offcanvas .navbar-toggler {
  padding: 0;
  border: 0;
  outline: none;
}
.navbar-offcanvas .navbar-toggler:hover, .navbar-offcanvas .navbar-toggler:focus {
  cursor: pointer;
}
@media (min-width: 992px) {
  .navbar-offcanvas .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991px) {
  .navbar-offcanvas .navbar-toggler {
    display: block;
  }
}
.navbar-offcanvas .navbar-toggler .icon-bar {
  display: block;
  position: relative;
  width: 24px;
  height: 2px;
  border-radius: 1px;
  background-color: #0037c1;
}
.navbar-offcanvas .navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-offcanvas .navbar-toggler .icon-bar.bar1 {
  top: 0;
  outline: 1px solid transparent;
  animation: topbar-back 500ms 0s;
  animation-fill-mode: forwards;
}
.navbar-offcanvas .navbar-toggler .icon-bar.bar2 {
  outline: 1px solid transparent;
  opacity: 1;
}
.navbar-offcanvas .navbar-toggler .icon-bar.bar3 {
  bottom: 0;
  outline: 1px solid transparent;
  animation: bottombar-back 500ms 0s;
  animation-fill-mode: forwards;
}
.navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar1 {
  top: 6px;
  animation: topbar-x 500ms 0s;
  animation-fill-mode: forwards;
}
.navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar2 {
  opacity: 0;
}
.navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar3 {
  bottom: 6px;
  animation: bottombar-x 500ms 0s;
  animation-fill-mode: forwards;
}
.navbar-offcanvas .navbar-collapse.collapse,
.navbar-offcanvas .navbar-collapse.collapse.in,
.navbar-offcanvas .navbar-collapse.collapsing {
  display: none !important;
}

.nav-open .navbar-collapse {
  transform: translate3d(0px, 0, 0);
}
.nav-open .navbar > .container-fluid {
  transform: translate3d(-424px, 0, 0);
}
@media (max-width: 991px) {
  .nav-open .navbar > .container-fluid {
    transform: translate3d(-282.6666666667px, 0, 0);
  }
  .navbar {
    padding: 28px 30px 0;
  }
}
.nav-open .wrapper {
  transform: translate3d(-150px, 0, 0);
}

body > .navbar-collapse {
  display: block !important;
  position: fixed;
  top: 0;
  right: -10px;
  width: 424px;
  height: 100%;
  padding: 60px 1rem;
  background-color: #fff;
  border-left: 1px solid #e3e3e3;
  text-align: center;
  visibility: visible;
  overflow-y: visible;
  transform: translate3d(424px, 0, 0);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  z-index: 1032;
}
body > .navbar-collapse:after {
  content: "";
  position: absolute;
  top: 45px;
  left: -20px;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: rotate(180deg);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  z-index: 1032;
}
@media (max-width: 991px) {
  body > .navbar-collapse {
    width: 282.6666666667px;
  }
}
body > .navbar-collapse .nav-image {
  margin-bottom: 65px;
}
body > .navbar-collapse .nav-image img {
  display: block;
  margin: 0 auto;
  width: 170px;
}
body > .navbar-collapse .navbar-nav {
  margin: 0 !important;
  flex-direction: column;
}
@media (min-width: 992px) {
  body > .navbar-collapse .navbar-nav {
    display: none;
  }
}
body > .navbar-collapse .navbar-nav li {
  text-align: center;
}
body > .navbar-collapse .navbar-nav li a {
  display: block;
  padding: .5rem 1rem;
  font-weight: 700;
  color: #0037c1;
}
body > .navbar-collapse .navbar-nav li a:hover, body > .navbar-collapse .navbar-nav li a:focus {
  text-decoration: none;
}
body > .navbar-collapse .nav-link,
body > .navbar-collapse .dropdown-toggle {
  font-weight: 700;
  color: #222;
  transition: color .2s ease-out;
}
body > .navbar-collapse .nav-link:hover, body > .navbar-collapse .nav-link:focus,
body > .navbar-collapse .dropdown-toggle:hover,
body > .navbar-collapse .dropdown-toggle:focus {
  text-decoration: none;
}
body > .navbar-collapse .nav-link.disabled,
body > .navbar-collapse .dropdown-toggle.disabled {
  color: rgba(0, 0, 0, 0.35);
}
body > .navbar-collapse .nav-link.disabled:hover, body > .navbar-collapse .nav-link.disabled:focus,
body > .navbar-collapse .dropdown-toggle.disabled:hover,
body > .navbar-collapse .dropdown-toggle.disabled:focus {
  cursor: not-allowed;
}

@media (min-width: 992px) {
  body > .navbar-nav {
    display: none;
  }
}

body > #overlay {
  content: "";
  position: fixed;
  top: 0;
  left: auto;
  right: calc(282.6666666667px - 10px);
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow-x: hidden;
  z-index: 1029;
}
@media (min-width: 992px) {
  body > #overlay {
    right: calc(424px - 10px);
  }
}

@keyframes topbar-x {
  0% {
    top: 0px;
    transform: rotate(0deg);
  }
  45% {
    top: 6px;
    transform: rotate(145deg);
  }
  75% {
    transform: rotate(130deg);
  }
  100% {
    transform: rotate(135deg);
  }
}
@keyframes topbar-back {
  0% {
    top: 6px;
    transform: rotate(135deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    top: 0px;
    transform: rotate(0);
  }
}
@keyframes bottombar-x {
  0% {
    bottom: 0px;
    transform: rotate(0deg);
  }
  45% {
    bottom: 6px;
    transform: rotate(-145deg);
  }
  75% {
    transform: rotate(-130deg);
  }
  100% {
    transform: rotate(-135deg);
  }
}
@keyframes bottombar-back {
  0% {
    bottom: 6px;
    transform: rotate(-135deg);
  }
  45% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    bottom: 0px;
    transform: rotate(0);
  }
}
@media (min-width: 992px) {
.celularMb{
  display: none;
}
}

@media (max-width: 991px) {
.celularDk{
  display: none;
}
.celularMb {
    max-width: 520px;
    margin: 70px auto;
    display: table;
}
}
@media (max-width: 1280px) and (min-width: 1199px) {
  .imagen{
    max-width: 1020px;
  }
.celular.celularDk {
    margin-left: -120px;
}
.pointUno {
    right: 26px;
    top: 88px;
}
  .pointUno img{
    max-width: 130px
  }
  .pointUno figcaption{
    padding-left: 90px;
  }
.pointDos {
    right: 42%;
    top: 126px;
}
  .pointDos img{
      max-width: 149px
  }
  .pointDos figcaption{
    margin-left: -134px;
  }
.pointTres {
    right: 16%;
    top: 53%;
}
  .pointTres img{
    max-width: 164px
  }
  .pointTres figcaption{
    margin-right: -140px;
  }
.pointCuatro {
    right: 583px;
}
  .pointCuatro img{
    max-width: 47px
  }
  .pointCuatro figcaption {
    margin-left: -200px;
  }
.pointCinco {
    right: 498px;
    top: 76%;
}
  .pointCinco img{
    max-width: 47px
  }
  .pointCinco figcaption {
    margin-left: -264px;
  }
}

@media (max-width: 1199px) {
.navbar-offcanvas .navbar-nav .nav-item {
    margin-right: 10px;
}
}

@media (max-width: 1199px) and (min-width: 992px) {
a.navbar-brand {
    max-width: 210px;
}
i.icon-login{
  display: none;
}
  .imagen{
    max-width: 880px;
    overflow: hidden;
  }
.celular.celularDk {
    margin-left: -82px;
    max-width: 845px;
}
.points img {
    max-width: 72%;
}
.pointUno {
    right: 7px;
    top: 73px;
}
.pointUno figcaption {
    padding-left: 52px;
    font-size: 14px
}
.pointDos {
    right: 36%;
    top: 103px;
}
.pointDos figcaption {
    font-size: 14px
}
.pointTres {
    right: 10%;
    top: 53%;
}
.pointTres figcaption {
    margin-right: -70px;
    font-size: 14px;
}
.pointCuatro {
    right: 487px;
    top: 71%;
}
.pointCuatro figcaption {
    margin-left: -190px;
    font-size: 14px;
    margin-top: -20px;
}
.pointCinco {
    right: 414px;
    top: 76%;
}
.pointCinco figcaption {
    margin-left: -250px;
    font-size: 14px;
    margin-top: -19px;
}
}
@media (max-width: 991px) and (min-width: 769px) {
  .imagen{
    max-width: 700px;
  }
.pointUno {
    right: 6px;
    top: 83px;
}
  .pointUno img{
    max-width: 115px
  }
  .pointUno figcaption{
    padding-left: 75px;
    font-size: 14px;
  }
.pointDos {
    right: 54%;
    top: 117px;
}
  .pointDos img{
    max-width: 134px
  }
  .pointDos figcaption{
    margin-left: -118px;
    font-size: 14px;
  }
.pointTres {
    right: 17%;
    top: 52%;
}
  .pointTres img{
    max-width: 164px
  }
  .pointTres figcaption{
    margin-right: -138px;
    font-size: 14px;
  }
.pointCuatro {
    right: 524px;
}
  .pointCuatro img{
    max-width: 47px
  }
  .pointCuatro figcaption {
    margin-left: -190px;
    font-size: 14px;
  }
.pointCinco {
    right: 443px;
    top: 75%;
}
  .pointCinco img{
    max-width: 47px
  }
  .pointCinco figcaption {
    margin-left: -254px;
    font-size: 14px;
  }
}

@media (max-width: 768px) and (min-width: 630px) {
  .imagen{
    max-width: 500px;
  }
  .celularMb {
      max-width: 350px;
  }
.pointUno {
    right: -24px;
    top: 54px;
}
  .pointUno img{
    max-width: 115px
  }
  .pointUno figcaption{
    padding-left: 74px;
    font-size: 14px;
  }
  .pointDos {
      right: 55%;
      top: 84px;
  }
  .pointDos img{
    max-width: 134px
  }
  .pointDos figcaption{
    margin-left: -118px;
    font-size: 14px;
  }
  .pointTres {
      right: 13%;
      top: 53%;
  }
  .pointTres img{
    max-width: 138px
  }
  .pointTres figcaption{
    margin-right: -116px;
    font-size: 14px;
  }
  .pointCuatro {
    right: 365px;
    top: 68%
  }
  .pointCuatro img{
    max-width: 40px
  }
  .pointCuatro figcaption {
    margin-left: -185px;
    margin-top: -19px;
    font-size: 14px;
  }
.pointCinco {
    right: 311px;
    top: 73%;
}
  .pointCinco img{
    max-width: 40px
  }
  .pointCinco figcaption {
    margin-left: -236px;
    margin-top: -18px;
    font-size: 14px;
  }
}

@media (max-width: 629px) and (min-width: 300px) {
  .imagen{
      max-width: 310px;
  }
.celular {
    margin-left: -50px;
}
.celularMb {
    max-width: 310px;
    margin: 70px auto;
    display: table;
}
.pointUno {
    right: -34px;
    top: 48px;
    max-width: 66px;
    overflow: hidden;
}
.pointUno img {
    max-width: 100px;
    float: right;
    margin-right: 12px;
    margin-bottom: 4px;
}
.pointUno figcaption {
    padding-left: 8px;
    font-size: 13px;
}
.pointDos {
    right: 51%;
    top: 64px;
}
  .pointDos img{
    max-width: 119px
  }
  .pointDos figcaption{
    margin-left: -106px;
    font-size: 13px;
  }
.pointTres {
    right: 10%;
    top: 50%;
}
  .pointTres img{
    max-width: 124px
  }
  .pointTres figcaption{
    margin-right: -100px;
    font-size: 13px;
  }

.pointCuatro {
    right: 254px;
    top: 68%;
}
  .pointCuatro img{
    max-width: 36px
  }
.pointCuatro figcaption {
    margin-left: -63px;
    margin-top: -17px;
    font-size: 13px;
    max-width: 63px;

}
.pointCinco {
    right: 52px;
    top: 73%;
}
  .pointCinco img{
      max-width: 36px
  }
.pointCinco figcaption {
    margin-left: 22px;
    margin-top: -17px;
    font-size: 13px;
    text-align: left;
}
}

@media (max-width: 1499px){
  .colForm{
    width: 80%
  }
  .navbar {
      padding: 28px 40px 0;
  }

}

@media (max-width: 1299px){
  .colForm{
    width: 90%
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar a {
    font-size: 16px;
  }
  a.navbar-brand {
      max-width: 240px;
  }
}

@media (max-width: 1199px){
  .colForm{
    width: 100%
  }
  #caracteristicas h3 {
      font-size: 16px;
      margin-bottom: 30px;
  }
  body{
    font-size: 14px
  }
  .btn-primary, .btn-secondary {
      font-size: 16px;
  }
  #formSiniestros{
    width: 90%
  }
}

@media (max-width: 1199px) and (min-width: 992px){
  .navbar {
      padding: 28px 40px 0;
  }
  #cotiza {
    padding: 0px 40px;
  }
}

@media (max-width: 1199px){
  .descripcion .item {
    font-size: 14px;
    line-height: 24px;
  }
  .top_ok {
    height: 350px;
  }

  #faqs .card {
      padding-left: 0;
      padding-right: 0;
  }
  footer h4, footer li {
      font-size: 14px;
  }

  #siniestros .opcionesForm .btn {
    max-width: none;
    width: 48%;
  }
}

@media (max-width: 991px){
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 30px;
  }
  .top_ok {
    height: 300px;
  }

  .titulo_ok {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 120px;
  }
  .subtitulo_ok {
     font-size: 14px !important;
  }

#caracteristicas .btn {
    font-size: 16px;
    padding-left: 40px;
    padding-right: 40px;
}
  #siniestros .opcionesForm .btn {
    max-width: none;
    margin-bottom: 20px;
    width: 100%;
  }
  #cotiza {
      padding: 0 26px;
  }
  .bajada {
    margin-top: 70px;
  }
  .bloqueValores .col-lg-5{
    margin-bottom: 10px
  }
  .titulos {
    margin-top: 40px;
  }

  .cajaIconos p {
    font-size: 15px;
  }
  .cajaIconos img {
    max-width: 90px;
  }
  .cajaIconos .item {
    padding: 25px 15px;
    font-size: 16px;
  }
  .descripcion p {
    font-size: 14px;
  }
  .descripcion .item a {
    padding: 0px 15px;
    font-size: 12px;
  }
  .descripcion .item {
    padding: 25px 20px 25px 20px;
    max-height: 130px;
  }
  .descripcion .col-md-4{
    padding-right: 0
  }
  .titulos {
    margin-top: -5px;
    height: 40px
  }
  #reparacion .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #reparacion .col-md-5, #reparacion .col-md-7{
    padding-left: 0;
    padding-right: 0;
  }
  .descripcion .item {
    max-height: 125px;
  }
  .colRedes{
    margin-top: 40px
  }
  footer h4, footer li {
    font-size: 13px;
  }
  .paso1 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 904px) and (min-width: 769px){
  .titulos {
    margin-top: -16px;
  }
  .titulo_ok {
    margin-bottom: 60px;
  }
}

@media (min-width: 769px){
  .onMB{
    display: none;
  }
}

@media (max-width: 768px){
.home section h2 {
    font-size: 28px;
}
p, .home p{
  font-size: 15px;
  line-height: 28px
}
.icon-flecha-ar-ab{
  display: none;
}
.opcionesForm {
    padding-bottom: 0;
}
#empresas{
  padding: 0 10px 20px;
}
.empresasImg img {
    padding-top: 20px;
}
#formCotizar button {
    margin-bottom: 20px;
}
  .pl-2{
    padding-left: 15px !important
  }
  .pr-2, .pr-0{
    padding-right: 15px !important
  }
  .paso1 {
      padding-left: 20px;
      padding-right: 20px;
  }
  #reparacion h4 {
    font-size: 15px;
  }
  #reparacion .item p {
    float: left;
  }
  .cajaIconos{
    margin-top: 0
  }
  .cajaIconos img {
    max-width: 80px;
    display: table;
    margin: 0 auto;
    float: none !important;
  }
  .descripcion .item {
    min-height: 240px;
    max-height: none;
  }
  .cajaIconos .item {
    padding: 26px 0 0;
    max-height: none;
    min-height: 240px
  }
  .cajaIconos{
    box-shadow: none;
  }
  #reparacion a.btn.btn-primary, #reparacion a.btn.btn-secondary {
    float: left;
  }
  body{
    font-size: 14px
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 26px;
  }
  section h2 {
    margin-bottom: 40px;
  }
  .offMB{
    display: none;
  }
  #cotiza, #cotiza .container-fluid, #cotiza .contiene {
    min-height: 1250px;
  }
  #cotiza {
    background-size: contain;
  }
  #formCotizar p {
    margin-top: 10px;
    font-size: 12px;
  }
  .barra {
    font-size: 16px;
    height: auto;
    line-height: 40px;
    padding-top: 10px
  }
  .barra .btn-extra {
    display: table;
    margin: 0px auto;
    font-size: 16px
  }
  .formulario, .ventajas {
    width: 100%;
    float: left;
  }
  .ventajas {
    margin-top: 40px
  }

  #opiniones .item .col-xl-5.col-md-7{
    margin-top: 20px
  }
  .caras {
    margin-bottom: 50px;
  }
  #faqs .card {
    padding-left: 0;
    padding-right: 0;
  }
  #pagos h3, #pagos img {
      padding-left: 0;
  }
  #faqs .card-header{
    padding: 15px 0
  }
  #faqs .card-header .btn {
    text-align: left;
    white-space: normal;
    padding-left: 53px;
    line-height: 20px;
  }
  #faqs .card-header .btn-link{
    font-size: 15px;
    padding: 0 0 0 28px;
  }

  #faqs .card-body {
    font-size: 15px;
   padding: 10px 0 30px 30px;
  }
  #faqs .accordion .card-header .btn-link:before {
    padding-right: 0px;
    margin-left: -12px;
    font-size: 38px;
  }
  footer h4, footer li, .menuFooter a {
    font-size: 15px;
 }
}








label i.icon-pregunta{
  margin-left: 14px
}

.campoFecha {
    text-align: center;
}

.campoNacimiento select option:first-child{
  color: #ababad;
}

.campoFecha::-webkit-input-placeholder {
  color: #ababad !important;
}
.campoFecha::-moz-placeholder {
  color: #ababad !important;
}
.campoFecha:-moz-placeholder { /* Older versions of Firefox */
  color: #ababad !important;
}
.campoFecha:-ms-input-placeholder {
  color: #ababad !important;
}

#tarjeta{
  max-width: 440px;
  margin-right: 10px
}
#info .form-control{
  display: inline-block;
}

.precarga {
    width: 90px;
    height: 12px;
    background: url(../img/three-dots.svg) no-repeat;
    background-size: contain;
    margin: 0 auto;
}



    .card .card_icon,
    .card .status_icon {
      /* For a more robust cross-browser implementation, see http://bit.ly/aqZnl3 */
      display: inline-block;
      vertical-align: middle;
      height: 25px;
      width: 38px;
    }

    /* --- Card Icon --- */
    .card .card_icon {
      background: transparent url('../img/credit_card_sprites.png') no-repeat 38px 0;
    }

    /* Need to support IE6? These four rules won't work, so rewrite 'em. */
    .card .card_icon.visa       { background-position:   0   0 !important; }
    .card .card_icon.mastercard { background-position: -38px 0 !important; }
    .card .card_icon.amex       { background-position: -76px 0 !important; }
    .card .card_icon.discover   { background-position: -114px 0 !important; }

    /* --- Card Status --- */
    .card .status_icon {
      background: transparent url('../img/status_sprites.png') no-repeat 33px 0;
    }


@media (min-width: 576px){
  .modal-dialog {
      max-width: 800px;
      margin: 1.75rem auto;
  }
}

#respuesta {
      max-width: 1080px;
      text-align: center;
      margin: 20px auto
}
#respuesta label{
  display: block;
}


.tooltip {
}
.tooltip .tooltip-inner {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);

    padding: 10px;
   color: #707275;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    font-size: 12px;
}

.tooltip.show {
    opacity: 1;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fff !important;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #fff !important;
}




    #reparacion .row {
    margin: 0;
}

.tssn {
    text-align: center;
    color: #000000;
    border-right: 1px #b5b5b5 solid;
}

.tssnr {
    border-right: 0px #ffffff solid;
}


.ssnrow {
    font-size:12px;
    padding-top:10px;
    padding-bottom:50px;
    color: #000000;

}

.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}