body {
  background: #000; }

.service {
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
.service .bg-0 {
	background: url('../../images/bg_service.jpg');
}
.service .bg-1 {
	background: url('../../images/hands.jpg');
}
  @media (max-width: 991px) {
    .service {
      overflow: hidden; } }
  .service form button, .service form input {
    border-radius: 0; }
    @media (max-width: 991px) {
      .service form button, .service form input {
        width: 100%; } }
  .service form input::focus {
    outline: 0;
    text-shadow: none; }
  .service .searchform_main {
    padding: 10px 10px;
    background: #18243a; }
    @media (max-width: 991px) {
      .service .searchform_main {
        padding: 10px 10px 10px 10px; } }
    .service .searchform_main p {
      color: #fff; }
      @media (max-width: 991px) {
        .service .searchform_main p {
          padding-bottom: 10px;
          text-align: center; } }
    .service .searchform_main .elform {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      @media (max-width: 991px) {
        .service .searchform_main .elform {
          display: block; } }
  .service table {
    background: #fff; }
    .service table td, .service table th {
      text-align: center;
      border: 0; }
    .service table th {
      font-weight: normal; }
    .service table thead {
      background: #efefef;
      border: 0;
      padding: 15px 0px; }
    .service table .badge-success {
      padding: 3px 10px;
      border-radius: 10px;
      font-size: 13px; }
    @media (max-width: 991px) {
      .service table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; } }
  .service .ayuda-responsive {
    position: absolute;
    bottom: 10%;
    padding: 10px;
    width: 100%;
    background: #d9d236;
    display: none; }
    @media (max-width: 991px) {
      .service .ayuda-responsive {
        display: block; } }
  .service .button-soporte {
    position: fixed;
    bottom: 10%;
    right: -140px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media (max-width: 991px) {
      .service .button-soporte {
        right: -107px; } }
    .service .button-soporte .btn-fix {
      padding: 20px 25px;
      background: #18243a;
      height: 100%;
      color: #fff; }
    .service .button-soporte .content-inner {
      padding: 0px;
      background: #fff; }
      .service .button-soporte .content-inner h5 {
        text-align: center;
        background: #000;
        margin: 0px;
        padding: 0px 10px 5px 10px;
        color: #fff; }
      .service .button-soporte .content-inner .buttons {
        padding: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media (max-width: 991px) {
          .service .button-soporte .content-inner .buttons {
            padding: 0px; } }
      .service .button-soporte .content-inner .btn1, .service .button-soporte .content-inner .btn2 {
        padding: 15px 20px; }
        @media (max-width: 991px) {
          .service .button-soporte .content-inner .btn1, .service .button-soporte .content-inner .btn2 {
            padding: 6px 8px 5px 8px;
            width: 50%;
            text-align: center; } }
      .service .button-soporte .content-inner .btn1 {
        margin-right: 10px;
        background: #ccc; }
        @media (max-width: 991px) {
          .service .button-soporte .content-inner .btn1 {
            margin-right: 0px; } }
      .service .button-soporte .content-inner .btn2 {
        background: #000; }
    .service .button-soporte:hover {
      right: 0px;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
  .service .boton-soporte2 {
    position: fixed;
    right: 0;
    text-align: right;
    top: 5%; }
    .service .boton-soporte2 a {
      padding: 15px 0px 15px 7px;
      background: #ededed;
      color: #fff;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      margin: 0; }
      .service .boton-soporte2 a:hover {
        color: #000;
        cursor: pointer; }
      .service .boton-soporte2 a .texto {
        display: none;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s; }
      .service .boton-soporte2 a:hover > .texto {
        display: inline-block;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s; }
    .service .boton-soporte2 .br {
      padding: 5px; }
    .service .boton-soporte2 img {
      padding: 7px 5px 14px 5px;
      width: 45px; }

.h, .f {
  display: block; }
  @media (max-width: 991px) {
    .h, .f {
      display: none; } }

.h-r, .f-r {
  display: none; }
  @media (max-width: 991px) {
    .h-r, .f-r {
      display: block; } }

.p-0{
  padding: 0px !important;
}
