.logo {       
        
    }
    .glyphicon_servicios{
      font-size: 5em;
      color: #317eac;
    }
    .thumbnail {
      display: block;
      padding: 4px;
      margin-bottom: 20px;
      line-height: 1.42857143;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      -webkit-transition: border .2s ease-in-out;
           -o-transition: border .2s ease-in-out;
              transition: border .2s ease-in-out;
    }
    .img-thumbnail { 
      padding: 1px;
      border: 1px solid #ddd;
    }
    .bloque-servicios{
      padding: 20px;
    }
    .page-header {
      padding-bottom: 0px;
      margin: 20px 0 20px;
      border-bottom: 1px solid #ddd;
    }
    .margin-bellow-nav{
      margin-top: 60px;
    }
    .jumbotron-circular-addon-wrapper {
        background-color: #f1f1f1;
        margin: 32px 0;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
    }
    .jumbotron-circular-addon-wrapper .jumbotron {
        background-image: url(../images/logo.png),url(../images/vichy.png);
        background-position: top right, center;
        background-repeat: no-repeat, repeat;
        background-size: 100px, auto;
        text-align: center;
        padding: 1em;
    }
    .jumbotron-circular-addon-wrapper .jumbotron-addon-top {
    top: -32px;
    }
    .jumbotron-circular-addon-wrapper .jumbotron-addon {
        position: absolute;
        left: 50%;
        text-align: center;
        border: 4px solid #ddd;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
    }
    .jumbotron-addon-circle {
        font-size: 24px;
        width: 64px;
        height: 64px;
        padding: 12px;
        border-radius: 50%;
        background-color: white;
    }
    .list-group-item {
      position: relative;
      display: block;
      padding: 10px 35px;
      margin-bottom: -1px;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: 50px;
      margin-right: 50px;
    }
    .list-group-item span{
      padding-left: 1.5em;
    }
    @media (min-width: 768px) {
      .list-group-item {
        padding: 10px 10px;
        max-width: 100%;
      }
    }
    @media (max-width: 767px) {
      .list-group-item {
        padding: 10px 0px;
        max-width: 70%;
        margin:auto;
      }
      .list-group-item span{
        padding-left: 0em;
        margin-left: 1.5em;
      }
      .row.vertical-align {
       display: block; /* turn off the flexible box layout */
      }
      div.jumbotron > .lead_black{
        font-family: 'Abel', sans-serif;
        padding-top: 0em;
        line-height: 1.2em;
        font-size: 1.4em;
      }
      div .lead_black{
        font-family: 'Abel', sans-serif;
        padding-top: 0em;
        line-height: 1.2em;
        font-size: 1.4em;
      }
      div > .lead:first-child{
        color: white;
        font-family: 'Abel', sans-serif;
        font-size: 1.3em;
        padding-top: 1.5em;
        line-height: 1.3em;
        margin-bottom: 1em;
        }
      div > .lead{
        color: white;
        font-size: 1.3em;
        font-family: 'Abel', sans-serif;
      }
    }
    .ornament{
      background: url(../images/ornament.png)fixed;      
    }
    .lead:first-child{
      color: white;
      font-family: 'Abel', sans-serif;
      font-size: 1.5em;
      padding-top: 1.5em;
      line-height: 1.3em;
      margin-bottom: 1em;
      }
    .lead{
      color: white;
      font-size: 1.5em;
      font-family: 'Abel', sans-serif;
    }
    .lead_black{
      font-size: 1.5em;
      padding-top: 0em;
      line-height: 1.5em;
      margin-bottom: 1em;
    }

    .bloque{
      display: block;
      text-decoration: none;
    }
    .bloque:hover{
      text-decoration: none;
      color: #317eac;
    }
  
    blockquote{
      padding: 0px 20px;
      margin: 0 0 20px;
      font-size: 1em;
      border-left: 5px solid #eee;
      border-right: 5px solid #eee;
    }
    .small{
      color: #317eac;
      font-size: 0.8em;
      padding-top: 0.5em;
      color: inherit;
    }
    .subtitle{
      color: #317eac;
      font-size: 1.1em;
      padding-top: 0.5em;
      color: inherit;
    }
    .text-right {
      text-align: right;
      font-size: 1em;
      color: #ccc;
    }
    .table {
      width: 80%;
      max-width: 80%;
      margin: 0 auto;
      margin-top: 20px;
    }
    .table>tbody>tr>td{
      padding: 10px;
      vertical-align: top;
    }
    table.table tbody td{
      border-top: 0px;
    }
    .gray{
      background: #e6e6e6;
    }
    .black{
      background: #000 url(../images/footer.png);
    }
    .red{
      background: #f00;
    }
    .flex-parent{
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
    }

    .flex-child{
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }
    
    .titulo{      
      color: #317eac;
      font-family: 'Abel', sans-serif;
      letter-spacing: -1px;
      font-weight: bold;
      font-size: 2.5em;
    }
    div .row .titulo{
      font-size: 2em;
    }
    .titulo_serv{
      color: #317eac;
      font-family: 'Abel', sans-serif;
      font-weight: bold;
      font-size: 3em;
    } 
    .vcenter {
      display: inline-table;
      vertical-align: middle;
    }
    .vertical-align {
        display: flex;
        align-items: center;
    }
    
    .container-black {
      background: #000 url(../images/footer.png);
      border: 1px solid #ddd;
      border-radius: 6px;
      -webkit-transition: all .2s ease-in-out;
           -o-transition: all .2s ease-in-out;
              transition: all .2s ease-in-out;
    }

    .img-center{
      margin-top: 80px;
    }
    .price {
      font-family: 'Abel', sans-serif;
      color: #3ad7ff;
      font-weight: bold;
      font-size: 1.8em;
      text-align: right;
      margin-bottom: 0px;
    }
    .fondo{
      background: #000 url(../images/background.png)fixed;
    }
   hr {
      visibility: hidden;      
    }

/*------------estilos para realizar animación de elementos------------*/
    .slideanim {visibility:hidden;}
    .slide {
        /* The name of the animation */
        animation-name: slide;
        -webkit-animation-name: slide; 
        /* The duration of the animation */
        animation-duration: 1s; 
        -webkit-animation-duration: 1s;
        /* Make the element visible */
        visibility: visible; 
    }

    /* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
    @keyframes slide {
        0% {
            opacity: 0;
            -webkit-transform: translateY(70%);
        } 
        100% {
            opacity: 1;
            -webkit-transform: translateY(0%);
        } 
    }
    @-webkit-keyframes slide {
        0% {
            opacity: 0;
            -webkit-transform: translateY(70%);
        } 
        100% {
            opacity: 1;
            -webkit-transform: translateY(0%);
        }
    }
/*::::::::::: carrousel styles :::::::::::*/
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #317eac;
}

.carousel-indicators li {
    border-color: #317eac;
}

.carousel-indicators li.active {
    background-color: #317eac;
}

.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}

.item span {
    font-style: normal;
}