/*
 * Ocean Sur 2018.06
 */

/* Table of content
    1. GENERAL
    1.1 Helper class
    1.3 - Sections
    1.4 - Buttons
    1.5 - Labels 
    1.6 - Pagination 
    1.6 - Modal  
    2. NAVEGATION
    3. HEADER
    4. HERO SLIDER
    4. COLLECTION
    5. HOME: CATALOGUE
    5.2 --> Catalogue [inner] 
    6. AUTHORS
    7. HOME: MAGAZINE & GALLERY
    7.1 --> [inner] magazine & gallery
    8. HOME: NEWS
    8.1 --> [inner] news
    9. HOME: SELLER & FREEBIE
    9.1 --> [inner] seller & freebies
    10. HOME: PROMO
    11. LINKS
    12. SOCIAL
    13. FOOTER
    14. CONTACT
    15. SEARCHING
    RESPONSIBLE

*********************************************************************/
/*Se pone en la img*/
.compat-object-fit {
   background-size: cover;
   background-position: center center;}

/*#map-distrib .awesome-marker i {
    font-size: 24px;
}*/

/* ==========================================================================
1. GENERAL
============================================================================= */
    body {
        /*font-family: 'Roboto Condensed', sans-serif;*/
        font-family: 'Lato', sans-serif;
        color: #333333;
        line-height:1.5em;
        font-size: 14px;
    }
    a {
        color:#333333;
        text-decoration: none;
        -webkit-transition: all .3s ease-in 0s;
           -moz-transition: all .3s ease-in 0s;
            -ms-transition: all .3s ease-in 0s;
             -o-transition: all .3s ease-in 0s;
                transition: all .3s ease-in 0s;
    }
        a:hover,
        a:focus {
            color: #32cacb;
            text-decoration:none;
        }    
    h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
        margin-top: 6px;
        margin-bottom: 6px;
    }

    h1 {font-size: 2em;}
    h2 {font-size: 1.250em;}
    h3 {font-size: 1.275em;}
    h4 {font-size: 1em;}
    p {
        font-size: 1em;
        /*font-weight: 500;*/
        margin: 12px 0 24px;
        line-height: 1.5;
    }
    header,
    #slider-hero,
    .label {
        font-family: 'Roboto Condensed', sans-serif;
    }

    /*Reset select style*/
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

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

    .xs {
        width: 10%;
    }

/* 1.1 Helper class
============================================================================= */
    .centered {
        margin-left:auto;
        margin-right:auto;
        float: none;
        text-align: center;
    }
    /* Use this class if you want center element with span* class */
    .center {
        float: none !important;
        margin: 0 auto !important;
        text-align: center;
    }    
    .no-glutter {
        padding: 0;
        margin: 0;
    }
    .margin-ajusted {
        margin-top: -21px;
    } 
    .glutter-right {
        padding-right: 15px;
        padding-left: 0;
    }
    .no-padding {
        padding: 0;
    } 
    .no-margin {
        margin: 0; 
    }    
    .push-left {
        margin-left: 0;
        margin-right: -15px;
    }
    .push-right {
        margin-right: 10px;
    }    
    .flex-container {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;

        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: left;
    }
    .flex-container--left {
        display: flex;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
        flex-flow: row wrap;
            -webkit-flex-flow: row wrap;
        justify-content: left;
    }
    .no-padding--left {
        padding-left: 0;
    }
    
    

/* 1.3 - Sections 
    There are classes related to the whole site.
============================================================================= */
    .title {
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;        
        font-weight: 700;
        display: inline-block;
        line-height: 1.5em;
    }
    .title-h1 {
        font-size: 2em;  
    }
    .title-h2 {        
        font-size: 1.5em; 
        padding:  0 24px 0 0;   
    }
    .title-h3 {
        font-size: 1.2em;
        margin-bottom: 12px;
    }
    .mask {
        background-image: url("../images/mask.png");
        opacity:0.85;
        filter: alpha(opacity=85);
        left:0;
        width:100%;
        height:100%;
        position:absolute;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2 s ease-out;
        -ms-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
        
    .subtitle,
    .book__subtitle {
        font-weight: 700;
        display: block;
        font-family: 'Roboto condensed', sans-serif;
    }    
    .metadata {
        text-align: left;
        margin-top: 8px;
    }
    .category,
    .date {
        text-transform: uppercase;
        color: #717171;
        font-size: 14px;
        font-family: 'Roboto condensed', sans-serif;
    }
    .subcategory {
        font-size: 14px;
        color: #14b5b5;
        /*text-shadow: 0px 1px 3px rgba(0,0,0, 0.125);*/
    }
    hr {
        border-color: rgba(51,51,51,0.35);
    }
    .hr-lighter {
         border-color: rgba(51,51,51,0.25);
    }
    .hr-bottom {
        margin-bottom: 0px;
    }
    .breadcrumb {
        font-size: 12px;
        background-color: transparent;
        margin-bottom: 8px;
        display: inline-block;
    }
    ul.breadcrumb li+li:before {
        content: "\f101";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
    }
    .author {
        font-size: 14px;
        margin-top: 6px;
    }
    .type-authority {
        text-transform: uppercase;
        font-size: 12px;
    }
    
    #catalogue-books p.info-note {
        font-size: 18px;
        margin: 24px 0 0 48px; 
    }

/* 1.4 - Buttons - 
      There are buttons with transparent background, primary
      and secondary color background.
============================================================================= */
    .btn {
       text-transform: uppercase;
       font-family: 'Roboto Condensed', sans-serif;
    }
        .btn:hover {
            -webkit-transition: all .3s ease-in 0s;
               -moz-transition: all .3s ease-in 0s;
                -ms-transition: all .3s ease-in 0s;
                 -o-transition: all .3s ease-in 0s;
                    transition: all .3s ease-in 0s;
        }    
    .wrapper--pdg div.btn.btn-primary  {
        padding-left: 16px;
    }
    .btn-transparent {
        background-color:transparent;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
    .btn-primary,
    .btn-clt {
        background-color:#14b5b5;
        border: 1px solid #14b5b5;
        color: #fff;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
        .btn-primary:hover,
        .btn-primary:focus {
            background-color:#333333;
            color: #fff;
            border-color: #333333;
        }
        .btn-clt:hover,
        .btn-clt:focus {
            background-color:#14b5b5;
            color: #fff;
            border-color: #14b5b5;
        }
    .btn-primary a {
        color: #fff;
    }
    .btn-blue {
        border: 1px solid #14b5b5;
        color: #14b5b5;
    }
        .btn-blue:hover {
            border: 1px solid #14b5b5;
            color: #fff;
            background-color:#14b5b5;
        }
    .btn-grey {
        border: 1px solid #b0b0b0;
        color: #b0b0b0;}

        .btn-grey:hover {
            background-color:#404040;
            color: #fff;
            border-color: #404040;
        }
    .btn-info {
        border: 1px solid #fff;
        color: #333333;
        background-color: #fff;
    }
        .dropdown-toggle.btn-info:hover,
        .dropdown-toggle.btn-info:focus {
            border: 1px solid #333333;
            color: #fff;
            background-color: #333333;
        }
        .seller__select .btn-info:hover,
        .seller__select .btn-info:focus {
            border: 1px solid #333333;
            color: #fff;
            background-color: #333333;
        }
    .btn-yellow {
        border: 1px solid #ebc831;
        color: #ebc831;
    }        
        .btn-yellow:hover {
            border: 1px solid #ebc831;
            color: #fff;
            background-color:#ebc831;
        }
    .btn-cta {
        background-color: #ebc831;
        color: #fff;
    }
        .btn-cta:hover {
            background-color: #333333;
            color: #fff;
        }
    .open > .dropdown-toggle.btn-info:focus,
    .open > .dropdown-toggle.btn-primary:focus {
        background-color: #14b5b5;
        border-color: #14b5b5;
    }
    
    .all-books-btn {
        position: relative;
        float: right;
    }
    .header-wrap .dropdown {
        float: right;
        position: absolute;
        right: 0;
        top: 10px;
    }    
    .dropdown .caret {
        position: relative;
        color: #32cacb;
    }
    .dropdown .caret--right {
        float: right;
        position: relative;
        top: -10px;
    }
    .filter--ctlg {
        padding: 0;
    }
    .filter.dropdown .dropdown-menu {
        width: 100%;
        /*right: 0;*/ /*changes boostrap left cero value*/
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }
    .seller__select.filter .dropdown-menu {
        position: absolute;
    }
    .dropdown-menu .divider {
        margin: 0;
    }
    .filter.dropdown .dropdown-menu a {
        padding: 10px 20px;
        white-space: normal;
    }
    .btn--responsive {
        border: 1px solid #333333;
    }
        .btn--responsive .fa-bars {
            font-size: 24px;
        }
    .seller__select .btn {
        text-transform: none;
        width: 100%;
        text-align: left;
    }
    .seller__dropdown {
        padding: 8px 6px;
    }

    .select__arrow:after {
       content: "\f078";
       /*content: "\f0dd";
       content: "\f0de";*/
       font-family: FontAwesome;
       font-style: normal;
       font-weight: normal;
       text-decoration: inherit;
       padding: 0 4px;
       color: #333333;
       height: 24px;
       float: right;
       top: -26px;
       right: 4px;
       position: relative;
       margin-left: 2px;
       font-size: 12px;
    }

/* 1.5 - Labels      
============================================================================= */
    .label {
            
        text-transform: uppercase;
        font-weight: normal;
        border-radius: 0;
        font-size: 14px;
        padding: 6px;        
        position: relative;
    }
    .cover__label {
        position: absolute;
        right: 2px;
        z-index: 1;
        bottom: 2px;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5); 
            -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);
    }
    .label--pos-title {
        top: -5px;
        margin-left: 5px;
    }
    .label--new {
        background-color:#14b5b5;
        border: 1px solid #14b5b5;
        text-shadow: 1px 1px rgba(0,0,0, 0.125);
        color: #fff;
        transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
    }
    .label--next {        
        background-color:#e7ba31;
        border: 1px solid #e7ba31;
        text-shadow: 1px 1px rgba(0,0,0, 0.125);
        color: #fff;
        transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;

    } 
    .label--free {        
        background-color:#fd3232;
        border: 1px solid #fd3232;
        text-shadow: 1px 1px rgba(0,0,0, 0.125);
        color: #fff;
        transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;        
    }
    .title-header h1 {
        display: inline-block;
    }
    .book__label {
        margin: 0 auto;
        padding: 6px;
        text-align: center;
    }

    /* common */
    .ribbon {
      width: 93px;
      height: 93px;
      /*width: 150px;
      height: 150px;*/
      overflow: hidden;
      position: absolute;
    }
        .ribbon::before,
        .ribbon::after {
            position: absolute;
            z-index: -1;
            content: '';
            display: block;
            border: 5px solid #333333;
        }
    .ribbon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 9px 0;
        box-shadow: 0 3px 2px rgba(0,0,0,.1);
        color: #fff;
        font: 700 13px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }
    .ribbon--new {
        background-color: #14b5b5;
    }
    .ribbon--next {
        background-color:#fdcc32;
    }
    .ribbon--free {
        background-color:#fd3232;
    }

    /* top left*/
    .ribbon--top-left {
        top: -32px;
        left: -10px;
    }
        .ribbon--top-left::before,
        .ribbon--top-left::after {
            border-top-color: transparent;
            border-left-color: transparent;
        }
        .ribbon--top-left::before {
            top: 0;
            right: 0;
        }
        .ribbon--top-left::after {
            bottom: 0;
            left: 0;
        }
    .ribbon--top-left span {
        right: -58px;
        top: 18px;
        transform: rotate(-45deg);
    }

/* 1.6 - Pagination -       
============================================================================= */
    /*pagination UL*/    
        .pagination {
            margin-top: 24px;
            position: relative;
            /*float: right;*/
            margin-bottom: 0;
            /*right: 35%;*/
            margin-bottom: 24px;
            font-size: 12px;
        }

        .pagination li {
            background-color: blue;
            display: inline;
        }

        .pagination  li  a,
        .pagination  li  span {
          position: relative;
          float: left;
          padding: 6px 12px;
          margin-left: -1px;
          line-height: 1.42857143;
          color: #14b5b5;
          text-decoration: none;
          background-color: #fff;
          border: 1px solid #14b5b5;
        }
        .pagination  li:first-child  a,
        .pagination  li:first-child  span {
          margin-left: 0;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; 
        }
        .pagination  li:last-child  a,
        .pagination  li:last-child  span {
          margin-right: 0;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px; 
        }

        .pagination  li  a:hover,
        .pagination  li  span:hover,
        .pagination  li  a:focus,
        .pagination  li  span:focus {
            color: #fff;
            background-color: #14b5b5;
            border-color: #14b5b5;
        }
        .pagination  .active  a,
        .pagination  .active  span,
        .pagination  .active  a:hover,
        .pagination  .active  span:hover,
        .pagination  .active  a:focus,
        .pagination  .active  span:focus {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #14b5b5;
            border-color: #14b5b5;
        }
        .pagination-lg  li  a,
        .pagination-lg  li  span {
          padding: 10px 16px;
          font-size: 18px;
        }
        .pagination-sm  li  a,
        .pagination-sm  li  span {
          padding: 5px 10px;
          font-size: 12px;
        }
        .pager li  a, 
        .pager li > span {
            display: inline-block;
            padding: 4px 8px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 0;
        }

/* 1.6 - Modal -       
============================================================================= */
    .modal-dialog {
        width: 100%;
        margin: 72px auto;
    }
    #gallery-modal .metadata {
        text-align: center;
    }
    #gallery-modal button {
        position: relative;
        float: right;
    }
    .modal-title {
        margin-left: 16px;
        margin-top: 5px;
    }
    .gal-img__description {
        font-size: 14px;
        padding: 12px 24px;
    }

/* ==========================================================================
2. NAVEGATION
============================================================================= */
    
    .navbar {
        border-radius: 0;
        position: relative;
        border: 0;
    }
    .navbar-form {
        position: relative;
        margin: 0;
    }
    a.navbar-brand {
        padding: 15px 6px;
        height: 100%;
    }
    .navbar-brand > img {
        display: block;
        width: 87%;
    }
    #header h1.brand {
        float: left;
        margin-left: -15px;
    }  
    .nav > li {
        float: left;
    }
    .navbar-nav #top-navigation li a {
        text-transform: uppercase;
        border: 1px solid transparent; 
    }
    #nav-menu {
        margin: 24px 0;
    }
    #top-navigation {
        float: left;
        margin-right: 12px;
        margin-top: 4px;
    }
    .navbar-nav #top-navigation li a:focus {
        text-transform: uppercase;
        border: 1px solid #14b5b5; 
    }
    .navbar-nav .dropdown {
        float: left;
    }
    .navbar--responsive {
        width: 100%;
        height: 100%;
    }
        .navbar--responsive li {
            width: 100%;
        }
    .navbar-header {
      position: relative;
    }
    .navbar-brand--center {
      margin: 0 auto;
      text-align: center;
      float: none;
      display: block;
    }
    .navbar-toggle--left {
      margin-left: 15px;
      position: absolute;
      right: 0;
      top: 0;
    }
    .navbar-toggle--right {
      position: absolute;
      right: 0;
      top: 0;
    }
    .navbar-offcanvas {
      padding-right: 15px;
      padding-left: 15px;
      overflow-x: visible;
      -webkit-overflow-scrolling: touch;
      border-top: 1px solid transparent;
    }
    .menu--active {
        background-color: #f9f9f9;
        border-bottom: 2px solid #14b5b5;
    }
/* ==========================================================================
3. HEADER
============================================================================= */
    
    #header {
        position: relative;
        z-index: 1000;
    }
    .header--shadow {
        position: relative;
        background: #fff;
        border-bottom: 1px solid #f7f7f7; 
    }
        .header--shadow::after {
            content: '';
            position: absolute;
            z-index: -1; /* hide shadow behind image */
            -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);
            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);                
            left: 2%; 
            height: 100px;
            width: 96%;
            bottom: 0;
        }
    .info--top {
        background-color: #333333;
        position: relative;
        color: #fff;
    }
        .info--top p {
            margin-top: 4px;
            margin-bottom: 6px;
            text-transform: uppercase;
            text-align: left;
            display: inline-block;
        }    
    .info--top input[type=text] {
        background-color: transparent;
        border-left: 1px solid #838383;
        border-radius: 0;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        outline: none;
        width: 100%;
    }
        .info--top input[type=text]:focus {
            background-color: #f9f9f9;
            color: #333333;
            border-left: 0 solid;
            border-radius: 0;
            border-top: 0;
            border-bottom: 0;
            border-right: 0;
        }
    .form-group {
        width: 100%;
    }
    .contact--top span {
        color: #32cacb;
    }
    .contact--top {
        display: inline-block;
        text-align: left;
        float: left;
        position: relative;
        font-size: 13px;
    }
    .search-box {
        padding: 0;
    }

/* ==========================================================================
4. HERO SLIDER
============================================================================= */
    #slider-hero {
        position: relative;
        /*z-index: -5;*/
    }
    #slider-hero .jumbotron {
        padding: 0;
    }
    .jumbo__content {
        position: absolute;
        z-index: 1;
        left: 4%;
        bottom: 8%;
        padding: 24px;
        color: #fff;
    }
    .carousel-indicators {
        bottom: 0;
    }
    .carousel-indicators .active {
        background-color: rgba(50, 202, 203, 1);
    }
    .carousel-indicators li {
        border-color: rgba(50, 202, 203, 1);
    }
    .carousel-control i {
        position: relative;
        /*top: 43%;*/
        margin-top: 42px;
        font-size: 1em;
    }
    a.carousel-control {
        width: 8%;
    }   
    .carousel-indicators li,
    .carousel-indicators .active {
        width: 8px;
        height: 8px;
    }

/* ==========================================================================
4. COLLECTION
============================================================================= */
    #collection {
        margin-bottom: 24px;
        margin-top: -24px; /*HACK*/
    }
    #collection .hr-lighter {
        width: 96%;
        border-color: #fff;
    }
    #collection--home .hr-lighter {
        border-color: #fff;
        margin: 0 24px 8px;
    }
    .collection__header {
        padding: 24px;
    }
    .collection__header .title {
        position: relative;
        float: left;
    }
    .collection__header p {
        float: left;
        color: #fff;
        position: relative;
        left: 12px;
        top: 6px;
        margin: 0;
    }
    .collection--bg {
        background: linear-gradient(141deg, rgb(15, 184, 173) 0%, 
                    rgb(31, 200, 219) 51%, 
                    rgb(44, 181, 232) 75%) repeat scroll 0% 0%;
        /*background: #14b5b5 url("../images/mask.png") no-repeat right top;*/
        
    }  
    #collection--home .title-h2,
    #collection .title-h2 {
        margin-top: 48px;
        float: left;
        color: #333333;
        text-shadow: 0 0 2px rgba(51,51,51,0.25);
    }

    .collection__list ul {
        padding: 0 12px;
    }
    .collection__list ul,
    #collection--home a,
    #collection  a {
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        font-family: 'Roboto Condensed', sans-serif;
    }
        #collection--home .collection__item a:hover,
        #collection li a:hover {
            text-shadow: 0 0 3px #fff;
        }        
        #collection--home .collection__item a:hover:after,
        #collection li a:hover:after {
            content: "\f101"; 
            font-family: FontAwesome; 
            color: #fff;
            margin-left: 8px;
            position: relative; 
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: translate(0, 0);
        }
    .collection__list ul > li {
        list-style: none;
        padding: 16px 0;
        border-bottom: 1px solid rgba(255,255,255,0.25);
    }
    .js-collection {
        display: none;
        position: absolute;
        top: 0;
    }
    
    .fb {
        background-color: #333333;
        padding: 12px 24px;
        margin-left: 12px;
        margin-right: 63px;
    }
    .cllt-pdg-ajusted,
    .collection--pdg-ajusted {
        padding: 0 0 24px 0;
    }

    .collection__item {
        float: left;
        width: 100%;
        line-height: 1em;
    }
    .collection--info .title-h3 {
        margin-bottom: 0;
    }

    .collection__category li {
        list-style: none;
        padding: 6px;
        float: left;
        margin-right: 8px;
    }

    .collection__category .category__item a:hover {
        /*text-shadow: 0 0 3px #fff;*/
        background-color: #14b5b5;
        padding: 6px 10px;
        color: #33333;
    }        
    .collection__category .category__item a:before {
        content: "\f101"; 
        font-family: FontAwesome; 
        color: #333333;
        padding: 0 2px;
        position: relative; 
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
    }


    /* ==========================================================================
    4. inner COLLECTION
    ============================================================================= */

        .collection__description {
            margin: 12px 0;
        }
        .collection__img .fit-height {
            height: 220px;
            max-height: 220px;
        }

/* ==========================================================================
5. HOME: CATALOGUE
============================================================================= */
    .book__metadata {
        margin: 12px 10px 48px;
        text-align: center;
    } 
    .book--width {
        width: 67%;
        position: relative;
        margin: 0 auto;
    }
    .book--height-calendar {
        height: 256px;
    }
        
    #book-view .book--width,
    #news-view  .book--width,
    #author-view .book--width {
        width: 94%;
    }
    .featured-books,
    .released-books {
        background-color: #f9f9f9;
    }
    .featured-books,
    .released-books,
    .new-books {
        padding: 0 0 24px;
    }
    .headline-text {
        color: #717171;
        display: block;
        margin-top: 6px;
    }
    #catalogue--home header {
        padding: 24px 12px 0;
    }
    #catalogue--home h2 {
        display: inline-block;
    }
    .img-height {
        height: 100%;
        margin: 0 auto;
    }  
    .img--effect {
        border: 2px solid #fff;
        box-shadow: 0 2px 14px -4px rgba(113, 113, 113, 1);
        border-radius: 4px;
    }
    /*All books bottom-align 
        with same heigth for IE and Opera*/
        /*.book--height {
            height: 332px;
            max-height: 332px;
        }
        .book--height img {            
            position: absolute;
            bottom: 0;
        }*/
        /*#magazine-books .book--height {
            height: 295px;
            max-height: 295px;
        }*/

/* ==========================================================================
5.2 --> Catalogue [inner] 
============================================================================= */
    #catalogue-books,
    #catalogue-magazine,
    .author-rlt-book--bg,
    .author-book--bg {
        background-color: #f9f9f9;
    }
    .author-rlt-book--bg {
        padding-top: 24px;
        margin: 24px 0 24px 0;
    }
    .header-ctg {  
        display: inline-block;
        margin-left: 30px;
    }
    .header-wrap .container-fluid  {
        margin-top: 12px;
    }
    .collection__btn {
        position: relative;
        float: right;
        top: 0;
    }
    #all-catalogue,
    #collection-catalogue {
        background-color: #f9f9f9;
        padding: 24px 0 12px;
    }
    /*.flex-container .row-fluid {
        margin-bottom: 24px
    }*/
    .heading {
        margin-top: 19px;
    }
    
    .view-img-width {
        width: 72%;
    }
    .filter--ctlg {
        margin-bottom: 24px;
    }
    .filter--ctlg .dropdown {
        float: right;
    }
    .filter .dropdown-menu > li > a:hover, 
    .filter .dropdown-menu > li > a:focus {
        background-color: #32cacb;
    }

    .author-rlt-note .author-name {
        font-weight: 700;
    }
    .edition-info {
        font-size: 12px;
    }
    .author-rlt-book .author--font {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
    }

    #book-view,
    #magazine-view,
    #author-view,
    #news-view,
    #about-info {
        padding-left: 0;
    }
    .book__tab-cnt {
        margin-top: 24px;
    }
    .book__tab-cnt .nav-tabs {
        border-bottom: none;  
        margin-bottom: -1px;
    }
    .book__tab-cnt  blockquote {
        /*border-left: none;*/
        background-color: rgba(238, 238, 238, 0.5)
    }
    .book-rlt-collection {
        background-color: #f9f9f9;
    }
    .book-rlt-collection p {
        margin-bottom: 0;
    }
    .book-rlt-document,
    .book-rlt-collection,
    .book-rlt-list {
        padding: 10px 12px;
    }
    .book-rlt-collection--font {
        font-weight: normal;
    }
    .book__tab-cnt ul.nav-tabs li:nth-child(2) {
        border-right: 1px solid #f9f9f9;
    }   
    .book__tab-cnt .tab .nav {
        font-family: 'Roboto Condensed', sans-serif;
    }
    .book__tab-cnt .nav-tabs li a {
        color: #333333;
        padding: 15px 25px;
        background: #f9f9f9;
        margin-right: 0;
        border-radius: 0;
        border: none;
        text-transform: uppercase;
        position: relative;
        transition: all 0.5s ease 0s;
    }
    .book__tab-cnt .nav-tabs.nav-justified > .active > a, 
    .book__tab-cnt .nav-tabs.nav-justified > .active > a:hover,
    .book__tab-cnt .nav-tabs.nav-justified > .active > a:focus {
        background: #fff;
        color: #333333;
        border: 1px solid rgba(113,113,113,0.25);
        border-bottom: none;
    }    
    .book__tab-cnt .tab-content {
        color: #333333;
        padding: 12px 24px;
        border: 1px solid rgba(113,113,113,0.25);
    }
    .book__info .book__details {
        position: relative;
    }
    .book__details .formal-data {
        margin-top: 10px;
        text-transform: none;
       /* font-family: 'Raleway', sans-serif;*/
    }
        .formal-data div {
            margin-top: 6px;
        }
    .book__details .metadata {
        padding: 0;
    }
    
    .book-rlt-collection .bx-wrapper {
        margin-bottom: 32px;
    }
    .book-rlt-collection .bx-wrapper .bx-pager .bx-pager-item a {
        background: #717171;
        margin-right: 0px;
        width: 8px;
        height: 8px;
    }
    .book-rlt-collection .bx-wrapper .bx-pager .bx-pager-item a.active {
        background: #14b5b5;
    }
    .clt-content {
        background-color: #fff;
    }
    
    .tabs-left.nav-tabs > li {
      float: none;
      /*border-right: 1px solid #D3D3D3;*/
      margin-bottom: 1px;
    }
    .tabs-left.nav-tabs > li > a {
      margin-right: 0;
      text-align: center;
      padding: 15px 15px;
    }
    .tabs-left.nav-tabs {
      float: left;
    }
    .tabs-left.nav-tabs .active > a,
    .tabs-left.nav-tabs .active > a:hover,
    .tabs-left.nav-tabs .active > a:focus {
      background-color: #fff;
    }
/*Otra version del catalogo*/
    .catalogue-tab {
        padding-top: 0;
        background-color: #fff;
    }
    .catalogue-tab ul.nav-tabs {
        font-family: 'Roboto Condensed', sans-serif; 
        font-weight: 700;
    }
    .catalogue-tab .nav-tabs li a {
        padding: 12px 0;
    }
    .catalogue-tab .nav-tabs.nav-justified > .active > a {
        border:none; 
        text-transform: uppercase;
        background-color: #f9f9f9;
    }
    .catalogue-tab .nav-tabs.nav-justified > li > a {
        background-color: #fff;
        border:none; 
        text-transform: uppercase;
    }
    #all-catalogue.catalogue-tab {
        padding-top: 0;
    }
    .catalogue-tab .clt-content {
        padding-top: 0;
        background-color: #f9f9f9;
    }
    .text--catalogue {
        margin-top: 24px;
    }
    .text--catalogue p {
        padding: 0 48px;
        margin-bottom: 6px;
    }
    .formal-data {
        margin-bottom: 12px;
        text-transform: uppercase;
        font-size: 14px;
    }
    .sidebar__header {
        margin-top: 20px;
    }

/* ==========================================================================
6. AUTHORS
============================================================================= */
    .catalogue__author {
        padding: 8px;        
        margin: 6px;
    }
    .catalogue__author .name--font {
        font-weight: 200;
    }
    #authors-catalogue .col-md-5ths {
        padding: 0;
    }
    
    .author__img {
        background-color: #f9f9f9;
        float: left;
        margin-right: 10px;
        /*width: 50px;
        height: 50px;*/
    }
    .author__img--list {
        width: 50px;
        height: 50px;
        padding: 0;
    }
    .author__img--show {
        width: 75px;
        height: 75px;
        margin-top: 24px;
    }
    .author-img--ajusted {
        margin-bottom: 8px;
    }
/* ==========================================================================
7. HOME: MAGAZINE & GALLERY
============================================================================= */
   
    #magazineGallery--home {
        margin-top: 24px;
    }
    .fit-height {
        height: 269px;
        max-height: 269px;
    }
    .img-group .fit-height,
    .site-link .fit-height {
        height: 134px;
        max-height: 134px;
    }
    .img-group {
        margin-top: 15px;
    }
    .img-group div:first-of-type {
        padding-right: 0;
    }
    
    .img-group .img--upper {
        padding-right: 7px;
    }
    .img-group  .img--down {
        padding-left: 7px;
    }
    .position-img {
        object-fit: cover;
        width: 100%;
        /*object-position: 20% 50%;*/
        object-position: 58% 0;
    }
    /*.books__cover*/
    .magazine--home,
    .gallery--home,
    #gallery-inner .l-margin {
        margin-bottom: 24px;
        position: relative;
    }    
    .magazine--home {
        padding: 0;
    }
    .magazine__img,
    .magazine__data {
        padding: 0;
    }
    .gallery--home {
        padding: 0;
        margin-top: 24px;
        background-color: #f9f9f9;
    }
    .gallery--home figure {
        padding: 0;
    }
    .gallery--bg {
        padding: 0 12px 12px;
    }

/* ==========================================================================
7.1 --> [inner] magazine & gallery
============================================================================= */
    /*.wrapper--pdg-gal .gallery--grid:nth-child(3n+3) {
        padding-right: 0;
    }
    .wrapper--pdg-gal .gallery--grid:nth-child(1n+1) {
        padding-left: 0;
    }*/
    .carousel-no-indicator {
        display: none;
    }
    .gal-img__metadata {
        background: #f9f9f9;
        margin-top: 0;
        padding: 12px;
        text-align: center;
    }    
    .position-img-height {
        object-fit: contain;
        width: 100%;
    }
    .gallery--grid {
        margin-bottom: 24px;
    }
    #gallery-modal .no-margin {
        margin: 0;
    }
    #gallery-modal .carousel-control i {
        font-size: 32px;
        top: 50%;
        position: relative;
    }
    #gallery-inner {
        padding: 24px 12px 0 12px;
    }
    
    figure.gallery_item img {
        cursor: pointer;
    }
    .title-header p {
        margin-bottom: 0;
    }

    .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      padding: 12px;
      opacity: 0;
      transition: .3s ease;
      background-color: #333333;
    }
        .container:hover .overlay {
          opacity: 0.5;
        }
        .icon {
          color: white;
          font-size: 100px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          text-align: center;
        }
        .fa-user:hover {
          color: #eee;
        }
    
    #magazine-view .nav-tabs.nav-justified > li > a {
        text-align: left;
        padding-bottom: 0;
    }
    .note {
        margin-top: 6px;
    }
    .gal-img--effect {
        border: 16px solid white;
        box-shadow: 0 2px 14px -4px rgba(113, 113, 113, 1);
    }
    #catalogue-magazine {
        padding-top: 48px;
    }
/* ==========================================================================
8. HOME: NEWS
============================================================================= */
    #news--home .fit-height,
    #promo--home .fit-height,
    #promo .fit-height {
        height: 240px;
        max-height: 240px;
    }
    #news--home header,
    #links header {
        margin-bottom: 12px;
    }
    /*.news-img-width {
        position: relative;
        float: right;
        width: 50%;
        margin: 0 24px 12px 0;
    }*/
    .book-blurb-float {
        float: left;
        position: relative;
        /*width: 42%;*/ /*Para dos en una fila*/
        width: 24%;
    }
    .book-blurb-float--plus {
        width: 42%
    }
    .book-blurb-float--one {
        width: 25%;
    }

    .article .related-cover--left {
        float: left;
        margin: 12px 0;
    }
    .article .related-cover--right {
        float: right;
        margin: 12px 0 12px 24px;
    }
    .wrapper--pdg article {
        padding: 0;
    }

/* ==========================================================================
8.1 --> [inner] news
============================================================================= */
    
    .last-news,
    #gallery-inner {
        background-color: #f9f9f9;
    }
    .row-fixed-height {
        height: 95px;
        max-height: 95px;
    }
    .related-content .row-fluid {
        margin-bottom: 24px;
    }
    #news-list .fit-height,
    .sidebar__brochure .fit-height {
        height: 292px;
        max-height: 292px;
    }
    #news-list .last-news .fit-height {
        height: 320px;
        max-height: 320px;
    }
    .news-metadata {
        margin-top: 0;
        margin-bottom: 12px;
        display: inline-block;
    }
    .news-category {
        color: #32cacb;
    }
    .news-cnt--src {
        /*background-color: #f9f9f9;*/
        text-align: right;
    }
    .news-cnt--src p {
        padding: 12px;
        font-style: oblique;
    }
    .metadata--divider:after {
        content: ' |';
        color: #717171;
    }
    .category--divider:after {
        content: ' /';
        color: #717171;
    }
    .metadata--divider-arrow:after {
        content: " \f105";
        color: #32cacb;
        font-family: FontAwesome;
        font-size: 16px;
    }
    .news-img--list .position-img {
        object-position: 49% 24%;
    }
    .news-metadata .date {
        display: inline-block;
    }
    .img-width_rigth {
        float: right;
        width: 48%;
        margin-left: 24px;
        margin-bottom: 12px;
    }
    .four-books.related-cover {
        padding: 24px 0;
        background-color: #f9f9f9;
    }
    .excerpt {
        padding: 12px;
        background-color: #f2f2f2;
        margin-bottom: 12px;
    }
    .sidebar,
    .sidebar__brochure button {
        margin-top: 24px;
    }
/* ==========================================================================
9. HOME: SELLER & FREEBIE
============================================================================= */
    .seller {
        background: linear-gradient(-45deg, 
                                    rgba(204, 243, 242, 1), 
                                    rgba(39, 191, 192, 0.5)); 
        /*background: linear-gradient(-45deg, 
                                    rgba(46, 198, 199, 1), 
                                    rgba(39, 191, 192, 0.5));*/
        color: #333333;
    }
    .seller__info {
        padding: 24px 12px 0;
        background-color: #ccf3f2;
    }

   /* Option B */
    div#remote-data{
        padding-top:0;
        margin-top: -15px;
    }

    .seller__content {
        padding: 0 48px 0;
    }

    div.js-seller-cnt__dropdown{
        background-color: rgba(39, 191, 192, 0);
        border-radius: 5px;
    }
    /* END B */
    
    div.js-seller-cnt__dropdown p {
        font-size:14px;
        line-height:1.2em;
        margin-bottom: 15px;
    }
    
    .location-info {
        display: inline-block;
    }
    .js-seller-cnt_active {
        display: block;

    }
    .seller__select {
        padding: 24px;        
        /*bottom: 12px;*/
    }
    .freebie {
        padding-right: 0;
        padding-left: 0;
        margin-top: 24px;
    }
    .freebie > .metadata{
        position: absolute;
        left: 15%;
        top: 25%;
        width: 50%;
    }
    .freebie-crsl__item .metadata {
        position: absolute;
        margin-top: 0;
        top: 20%;
        left: 12%;
        width: 60%;
        color: #333333;
        line-height: 1.5em;
    }
    .freebie-crsl__item .btn {
        margin-top: 12px;
    }
    .freebie-crsl__item .category {
        font-size: 22px;
    }
    .freebie-crsl__item .subtitle {
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 12px;
    }
    .freebie-crsl__item .description {
        width: 75%;
    }
    .map {
        margin: 0 auto;
        width: 80%;
    }

/* ==========================================================================
9.1 --> [inner] seller & freebies
============================================================================= */

    .seller__name {
        font-size: 1.2em;
    }
    .seller__contact,
    .library__contact,
    .seller__address {
        padding: 4px 0;
    }
    .seller__address,
    .library__address {
        font-size: 14px;
    }
        .seller__contact i,
        .library__contact i {
            padding-right: 4px;
        }
    /*#seller__list img {
        height: 60px;
    }*/
    .library__data {
        padding-right: 32px;
        padding-bottom: 16px;
    }
    .library__country {
        background-color: #fff;
    }
    .library--bg {
        background-color: #f9f9f9; 
    }
    .library--ajusted {
        padding: 12px;
    }
    .library__list h2 {
        margin: 12px 0 0 12px;
    }

/* ==========================================================================
10. HOME: PROMO
============================================================================= */

    .promo-carousel__item .metadata {
        position: absolute;
        margin-top: 0;
        bottom: 18%;
        left: 16%;
        width: 64%;
        color: #fff;
    }
    .promo-carousel__item .title {
        display: block;
        margin-top: 0;
    }
    .promo-carousel__content p {
        margin: 6px 0;
    }

    .promo-carousel__item.for-delay {
      animation-delay: 1s;
    }

    .promo-carousel__item.for-delay {
      animation-delay: 2s;
    }

    .promo-carousel__item.for-delay {
      animation-delay: 3s;
    }
    .promo__library {
        padding: 0;
        margin-top: 24px;
    }
/* ==========================================================================
11. LINKS
============================================================================= */
    .link__item .btn {
        position: absolute;
        bottom: 0;
    }
    .link__item {
        position: relative;
        margin-bottom: 15px;
        padding: 0;
    }
    .link__item .btn {
        margin-top: 12px;
    }
    .link__item .metadata {
        margin-top: 0;
    }
    .link__item .fit-height {
        height: 150px;
        max-height: 150px;
    }
    .img--pdg {
        padding-left: 0;
    }

/* ==========================================================================
12. SOCIAL
============================================================================= */
    #social {
        margin-top: 24px;
        padding: 0;
    }
    .social--bg {
        background-color: #f9f9f9;
        padding: 24px 0;
    }
    .img-circle {
        width: 25%;
        margin-bottom: 12px;
        border: 2px solid #fff;
    }
    .social-wrapper p {
        font-size: 0.85em;
        margin-top: 0;
    }
    .social-wrapper a {
        font-weight: 700;
    }
    .fa-facebook {
        margin-right: 6px;
    }
    #news-view .social__icons {
        position: relative;
        float: right;
    }
        #news-view .social__icons a {
            margin: 0 4px;
            font-size: 16px;
        }
    .social__icons img {
        width: 12%;
        float: right;
        margin: 0 4px;
    } 
    .social__icons.icons--smaller img {
        width: 9%;
        top: -32px;
        position: relative;
    }  
    .social__text {
        float: left;
        position: relative;
        top: 6px;
        font-size: 12px;
        right: -64px;
        text-transform: uppercase;
        font-family: Roboto Condensed;        
        color: #999;
    }
    .social__text.social--smaller {
        float: right;
        right: 116px;
        top: -2px;
    }
    .social__text.social--smaller {
        float: right;
        top: -2px;
    }
    .social-share {
        top: 0;
        right: 0;
        float:right;
    }
    .social-wrapper {
        padding: 12px;
    }
    .fa-facebook-square:before {
        font-size: 20px;
        color: #3b5998;
    }
/* ==========================================================================
13. FOOTER
============================================================================= */
    .wrap-footer {
        padding: 48px 24px;
        position: relative;        
    }
    .wrap-footer .title {
        color: #717171;
        font-weight: 500;
    }
    .wrap-footer .newsletter .title {
        color: #14b5b5;
    }
    .footer--bg {
        background-color: #333333;
        color: #fff;        
    }
    .footer--bg p {
        font-size: 1em;
    }
    .collection--footer .title {
        position: relative;
        left: 0;
    }
    .collection--footer ul {
        list-style-type: none;
        margin-top: 24px;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
        position: relative;
        left: 0;
    }
    .collection--footer a {
        color: #fff;
        line-height: 1.5em;
        -webkit-transition: all .3s ease-in 0s;
           -moz-transition: all .3s ease-in 0s;
            -ms-transition: all .3s ease-in 0s;
             -o-transition: all .3s ease-in 0s;
                transition: all .3s ease-in 0s;
    }
        .collection--footer a:hover {
            color: #14b5b5;
        }
    .suscription {
        padding: 24px;
        border: 1px solid #14b5b5;
    }
    .form-wrapper {
        margin-top: 12px;
    }
    .form__suscription input {
        width: 100%;
        margin-bottom: 12px;
        text-align: left;
        color: #333333;
    }
    .form__suscription button {
        position: relative;
        float: right;
    }
    .captcha {
        width: 56%;
        background-color: #fff;
    }
    .copyright,
    .scrollup {
        background-color: #212121;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 12px;
        border-bottom: 1px solid #717171;
        text-align: center;
    }
    .copyright p {
        margin-top: 0px;
    }
    .copyright__info {
        padding: 12px 0 0 20px;
    }
    .js-scrollup {
        position: relative;
        width: 50px;
        margin: 0 auto;
        text-align: center;
        /*background-color: #717171; */
        padding: 6px 0;
        font-size: 24px;
    }
    .js-scrollup a {
        color: #fff;
    }
    #suscription--confirm {
        font-size: 24px;
    }

/* ==========================================================================
14. CONTACT
============================================================================= */

    .form--contact {
        background-color: #f9f9f9;
        padding: 24px;
    }
    .map-img {
        overflow: hidden;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

/* ==========================================================================
15. SEARCHING
============================================================================= */
    
    .advance-search {
        background-color: #f9f9f9;
        padding: 24px 32px;
    } 
    #search__advance--form .form-group {
        margin-left: 0; 
    }
    #search__advance--form .control-label { 
        font-weight: normal;
        margin-bottom: 6px; 
    }
    #search-list .fit-height {
        height: 185px;
        max-height: 185px;
    }
    #search-list .metadata {
        padding: 0;
    }
    #search-list .book {
        margin-bottom: 24px;
        padding: 0;
    }
    .result--value {
        padding-right: 24px;
        font-size: 12px;
        margin-top: 0;
    } 
    .search-group {
        padding-left: 0;
    }

/* ==========================================================================
165. MAP
============================================================================= */

    #map-distrib .awesome-marker {
        background: url('../images/markers-soft.png') no-repeat -108px 0;
    }

    #map-distrib .awesome-marker-shadow {
        background: url('../images/markers-shadow.png') no-repeat -108px 0;
    }

/* ==========================================================================
RESPONSIBLE
============================================================================= */
    
    @media (max-width: 767px) {
        
        #catalogue-books {
            padding-top: 24px;
        }
        .collection__btn--bg {
            background-color: #14b5b5;
        }

        .collection__header p {
            left: 0;
        }


        .offcanvas__content {
          position: absolute;
          top: -100px;
          width: 64%;
          height: 100%;
        }
        .offcanvas__content .navbar-nav:first-child {
          margin-top: 0;
        }
        .offcanvas__content .well {
          margin-top: 15px;
        }
        .offcanvas__content--left {
          left: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          -moz-transform: translate3d(-100%, 0, 0);
          -ms-transform: translate3d(-100%, 0, 0);
          -o-transform: translate3d(-100%, 0, 0);
                  transform: translate3d(-100%, 0, 0);
        }
        .offcanvas__content--right {
          right: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          -moz-transform: translate3d(100%, 0, 0);
          -ms-transform: translate3d(100%, 0, 0);
          -o-transform: translate3d(100%, 0, 0);
                  transform: translate3d(100%, 0, 0);
        }

        .offcanvas {
          overflow-x: hidden;
          width: 100%;
          height: 100%;
        }
        .offcanvas .navbar {
          position: static;
        }
        .offcanvas__container {
          width: 100%;
          height: 100%;
          position: relative;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
        }
        .offcanvas__container--open-left {
            -webkit-transform: translate3d(54%, 0, 0);
                -moz-transform: translate3d(54%, 0, 0);
                -ms-transform: translate3d(54%, 0, 0);
                -o-transform: translate3d(54%, 0, 0);
                  transform: translate3d(54%, 0, 0);
        }
        .offcanvas__container--open-right {
          -webkit-transform: translate3d(-91.66666667%, 0, 0);
          -moz-transform: translate3d(-91.66666667%, 0, 0);
          -ms-transform: translate3d(-91.66666667%, 0, 0);
          -o-transform: translate3d(-91.66666667%, 0, 0);
                  transform: translate3d(-91.66666667%, 0, 0);
        }

        .offcanvas__container--open-left
        .offcanvas__exit-overlay,
        .offcanvas__container--open-right
        .offcanvas__exit-overlay {
          -webkit-backface-visibility: hidden;
          -webkit-transition: 0.3s ease all;
          -moz-transition: 0.3s ease all;
          -o-transition: 0.3s ease all;
          transition: 0.3s ease all;
          cursor: pointer;
          -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset;
          -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset;
                  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset;
          display: block;
          position: absolute;
          background: rgba(0, 0, 0, 0.3);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 1000;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        .offcanvas__container--open-left
        .offcanvas__exit-overlay:hover,
        .offcanvas__container--open-right
        .offcanvas__exit-overlay:hover {
          background: rgba(255, 255, 255, 0.3);
        }

        .pagination {
            right: 0;
        }
        .sidebar__brochure {
            padding: 0;
        }
    }

    @media (min-width: 768px) {
        a.navbar-brand {
            padding: 24px 12px;
        }
        .article {
            padding: 15px;
            margin-top: 24px;
        }
        .book--height {
            height: 260px;
            max-height: 260px;
        }
        .book__view--height,
        .author__view--height {
            height: 232px;
            max-height: 232px;
        }
            .book--height img,
            .book__view--height img,
            .author__view--height img {            
                position: absolute;
                bottom: 0;
            }
        .book__details .metadata {
            margin-left: 24px;
        }
        .book--width {
            width: 87%;
        }
        .book-search__metadata {
            margin-top: 12px;
        }

        #catalogue--home h2 {
            margin-top: 0;
        }
        .carousel-control i {
            position: relative;
            top: 43%;
            margin-top: 28px;
            font-size: 2em;
        }
        .collection--wrap {
            position: relative;
            min-height: 400px;
        }
        .collection__list ul > li {
            margin-right: 32px; 
        }
        #collection--home .hr-lighter {
            margin-bottom: 24px;
        }
        .collection--bg {
            /*background: linear-gradient(141deg, rgb(15, 184, 173) 0%, 
                        rgb(31, 200, 219) 51%, 
                        rgb(44, 181, 232) 75%) repeat scroll 0% 0%;*/
            background: #14b5b5 url("../images/mask.png") no-repeat right top;
            background-size: cover;
            
        }

        .collection__list ul {
            padding: 0;
        }
        .collection__list ul, 
        #collection--home a, 
        #collection a {
            font-size: 14px;
        }
        .collection__list ul > li:last-child {
            border-bottom: none;
        }
        .collection__list .col-sm-6 {
            width: 45%;
        }
        .collection__group--1st {
            margin-right: 24px;
        }
        .collection--info {
            display: block;
            background-color: rgba(255,255,255,0.125);
            padding: 12px;
        }
        .collection__btn {
            float: right;
            top: 14px;
            font-size: 14px;
            padding: 12px 8px;
            position: absolute;
        }
        .collection--info .collection-img {
            max-height: 144px;
            height: 144px;
        }


        #collection--home .collection__category a {
            font-size: 1em;
            color: #333333;
            text-transform: none;
        }
        .collection__category ul {
            padding-left: 0;
        }

        .js-collection__active {
            display: block !important;
        }

        .js-collection__hover .category {
            color: #333333;
        }

        .container,
        .navbar .container {
            width: 100%;
        }
        .contact--top {
            text-align: right;
            float: left;
            font-size: 15px;
        }

        .col-xs-5ths,
        .col-sm-5ths,
        .col-md-5ths,
        .col-lg-5ths {
            position: relative;
            min-height: 1px;
            padding-right: 12px;
            padding-left: 12px;
        }
        .col-md-5ths {
            width: 20%;
            float: left;
        }
        .col-xs-5ths {
            width: 100%;
            float: left;
        }
        .filter--ctlg .dropdown-menu {
            right: 0;
            /*width: 75%;*/
        }        
        .filter.dropdown .caret {
            margin-left: 18px;
        }

        body {
            font-size: 16px;
        }        
        .dropdown--pos {
            text-align: right;
        }

        .header-wrap .dropdown {
            right: 20px;
        }   
        
        .fit-height.magazine__img {
            height: 320px;
            max-height: 320px;
        }

        .fit-height {
            height: 350px;
            max-height: 350px;
        }
        
        #news-list .fit-height, 
        .sidebar__brochure .fit-height {
            height: 292px;
            max-height: 292px;
        }
      
        figure.first-img--pdg {
            padding-right: 15px;
        }
        .freebie {
            margin-top: 0;
            padding-left: 15px;
        }
        .hr-lighter {
             border-color: rgba(51,51,51,0.25);
             margin-bottom: 0;
        }

        .headline-text {
            display: block;
        } 
            .headline-text:before {
                content: ' ';
                color: #717171;
            }

        .img-circle {
            width: 50%;
        }
        .img-group {
            margin-top: 0;
        }
        .img-group .fit-height,
        .site-link .fit-height {
            height: 175px;
            max-height: 175px;
        }
        .img-group .img--upper {
            padding-right: 0;
            padding-bottom: 15px;
        }
        .img-group .img--down {
            padding-left: 0;
        }
        
        .jumbo--btn {
            position: relative;
            margin-top: 12px;
        }
        .jumbo__content {
            bottom: 15%;
            width: 30%;
            margin-left: 15px;
        }
        .jumbo-crsl__label {
            font-size: 1em;
        }
        .jumbo-crsl__title {
            font-size: 1.5em;
            padding: 1px 0;
            line-height: 1.075em;
            text-transform: uppercase;
            font-weight: bold;
        }
        .jumbo-crsl__resume {
            font-size: 1.2em;
            line-height: 1.2em;
        }


        .library--ajusted {
            /*margin-top: 12px;*/
        }
        .library__list h2 {
            margin-top: 24px;
        }

        #nav-menu.h--full-width {
            width: 100%;
        }

        .metadata {
            margin-top: 12px;
        }
        .magazine__data {
            padding: 0 15px;
        }
        .modal-dialog {
            width: 72%;
        }
        .navbar-brand > img {
            display: block;
            width: 100%;
        }
        #nav-menu {
            margin: 0 0 12px;
            width: 85%;
        }        
        .navbar-nav #top-navigation li a {
            font-size: 1em;
            padding: 15px 7px;
        }
        .navbar-offcanvas {
            padding: 0
        }
        .navbar--responsive {
            border-top: 1px solid #f2f2f2;
        }
        .navbar--responsive li {
            width: auto;
        }
        #news--home .fit-height,
        #promo--home .fit-height,
        #promo .fit-height {
            height: 284px;
            max-height: 284px;
        }
        .last-news .news__metadata {
            padding: 24px 48px 24px 42px;
        }

        .pagination {
            position: relative;
            font-size: 14px;
        }
        .pager li a, 
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
                border-top-color: rgb(221, 221, 221);
                border-right-color: rgb(221, 221, 221);
                border-bottom-color: rgb(221, 221, 221);
                border-left-color: rgb(221, 221, 221);
            border-radius: 0;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 0px;}

        
        .promo-carousel__item .metadata {            
            left: 10%;
            width: 50%;
            top: 21%;
        }
        .promo__library {
            padding-left: 15px;
            margin-top: 0;
        }
        .ribbon--top-left {
            top: -10px;
            left: -10px;
        }
    
        .resume p {
            margin-bottom: 15px;
        }  
        
        .seller__select {
            /*margin-top: 24px;*/
            bottom: 0;
            width: 100%;
        }   
        /*Busqueda-4*/  

            #search-list .article {
                margin-top: 0;
                padding-top: 0;
                padding-left: 0;
            }
        
        .sm-pdg {
            padding-left: 24px;
        }
        .seller {
            height: 350px;
        }
        .suscription {
            padding: 48px;
        }
        .social-share {
            position: absolute;
            top: 7px;
            right: 0;
            float: right;
        }
        .social__text {
            top: 4px;
            right: -22px;
        }
        .social__icons img {
            width: 14%;
            margin: 0 2px;
        }

        .social-wrapper a {
            float: left;
        }
        .title-h1 {
            font-size: 1.375em;
        }
        #top-navigation {
            width: 100%;
            /*text-align: center;*/ 
            text-align: left;
            padding-top: 6px;
        }
            #top-navigation li {
                float: none;
                display: inline-block;
            }

        /*.wrapper--pdg div:first-child,
        .wrapper--pdg article:first-child {
             padding-left: 0;
        }*/
        /*.wrapper--pdg div:last-child,
        .wrapper--pdg article:last-child {
             padding-right: 0;
        }*/
        .wrapper--pdg div:nth-of-type(1n+0),
        .wrapper--pdg article:nth-of-type(1n+0) {
             padding-left: 0;
        }

        .wrapper--pdg div:nth-of-type(3n+0),
        .wrapper--pdg article:nth-of-type(3n+0) {
             padding-right: 0;
        }

        .wrapper--pdg-gal .gallery--grid:nth-child(3n+3) {
            padding-right: 0;
        }
        .wrapper--pdg-gal .gallery--grid:nth-child(1n+1) {
            padding-left: 0;
        }
        .wrapper--pdg article {
            padding: 0 15px;
        }
    }

    @media (min-width: 980px) { 
        .article {
            padding: 15px;
            margin-top: 0;
        }
        .book--height {
            height: 335px;
            max-height: 335px;
        }  
        .book__view--height,
        .author__view--height {
            /*height: 300px;
            max-height: 324px;*/
            height: 345px;
            max-height: 355px;
        } 
        #collection--home .hr-lighter {
            margin-bottom: 12px;
        }
        .collection__list ul, 
        #collection--home a, 
        #collection a {
            font-size: 18px;
        }
        .collection__list ul > li {
            margin-right: 6px;
        }
        .collection__btn {
            font-size: 16px;
            padding: 12px 18px;
            right: 10px;
        }
        .collection--info .collection-img {
            max-height: 192px;
            height: 192px;
        }
        .hr-lighter {
            margin-bottom: 24px;
        }
        
        .fit-height {
            height: 420px;
            max-height: 420px;
        }
        #news-list .fit-height, 
        .sidebar__brochure .fit-height {
            height: 292px;
            max-height: 292px;
        }

        .img-group .fit-height, 
        .site-link .fit-height {
            height: 210px;
            max-height: 210px;
        }
        .freebie-crsl__item .fit-height {
            height: 350px;
            max-height: 350px;
        }

        .jumbo__content {
            bottom: 32%;
            width: 30%;
            margin-left: 24px;
        }
        .jumbo-crsl__label {
            font-size: 1.25em;
        }
        .jumbo-crsl__title {
            font-size: 1.75em;
        }/*
        .jumbo-crsl__resume {
            font-size: 1.2em;
            line-height: 1.2em;
        }*/

        #nav-menu {
            margin: 0 0 12px;
        }
        .navbar-nav #top-navigation li a {
            padding: 9px 15px;
        }
       
        .menu-ajusted {
            float: left;
        }
        #top-navigation {
            margin-right: 0;
            margin-top: 0;
        }
        .social-wrapper a {
            float: none;
        }
        .social-share {
            top: 4px;
        }
        .social__text {
            top: 10px;
            right: -47px;
        }

    }

    @media (min-width: 1200px) {
        
        .book--height {
            height: 364px;
            max-height: 400px;
        }
        .btn-wider {
            width: 150px;
            padding: 12px;
        }
        .book--width {
            width: 72%;
        }
        .fit-height.magazine__img {
            height: 420px;
            max-height: 420px;
        }
        
        /*#news-list .fit-height, */
        /*.sidebar__brochure .fit-height {*/
        /*    height: 292px;*/
        /*    max-height: 292px;*/
        /*}*/
         #news-list .fit-height {
            height: 292px;
            max-height: 292px;
        }
        
        .sidebar__brochure .fit-height {
            height: 314px;
            max-height: 314px;
        }
        
        .container,
        .navbar .container {
            width: 1360px;
        }        
        .collection__header {
            padding: 24px 0 0 24px;
        }
        .collection__header span {
            left: 10px;
            top: 9px;
        }
        #collection--home .hr-lighter {
            margin-bottom: 24px;
            margin-top: 24px;
        }
        .collection__list .col-sm-6 {
            width: 50%;
        }
        .collection__group--1st {
            margin-right: 0;
        }
        .collection--wrap {
            /*min-height: 450px;*/
            min-height: 475px;
        }
        .collection__list ul, 
        #collection--home a, 
        #collection a {            
            font-size: 24px;
        }
        .collection__list ul {
            padding: 0 24px;
        }
        .collection__list ul > li {
            margin-right: 62px;          
            padding: 20px 12px; 
        }
            .collection__list ul li:last-child {
                border-bottom: 0;
            }
        .collection__item {
            width: 100%;
        }
        .collection__btn {
            right: -8px;
            top: 24px;
        }
        /*.collection--bg {
            background: 14b5b5 url("../images/mask.png") no-repeat right top;
        }*/
        .collection--info .collection-img {
            max-height: 244px;
            height: 244px;
        }
        .collection__description {
            margin: 12px 24px;
        }
        .collection--footer .title {
            position: relative;
            left: 25%;
        }
        .collection--footer ul {
            list-style-type: none;
            margin-top: 12px;
            text-transform: uppercase;
            font-family: 'Roboto Condensed', sans-serif;
            position: relative;
            left: 25%;
        }
        .headline-text {
            display: inline-block;
        }
        .headline-text:before {
            content: "/";
            padding: 2px;
        }

        .img-circle {
            width: 25%;
        }
        .modal-dialog {
            /*width: 62%;*/
            /*width: 32%;*/
            width: 42%;
        }
        #nav-menu {
            margin: 24px 0 12px;
        }
        .navbar-nav #top-navigation li a {
             font-size: 1.075em;
        }
        #footer hr {
            display: none;
        }

        /*.freebie,
        .seller {
            height: 366px;
            max-height: 366px;
        }*/

        .gallery--home {
            margin-top: 0;
            background-color: #fff;
        }
            .gallery--home figure {
                padding-right: 0;
            }

        .img-group {
            margin-top: 0;
            padding-left: 15px;
        }
        .img-group .img--upper {
            padding-right: 0;
        }
        .img-group .img--down,
        .img-group .img--upper {
            padding-left: 15px;
        }

        .jumbo__content {
            bottom: 32%;
            width: 30%;
            margin-left: 24px;
        }
        .jumbo-crsl__label {
            font-size: 1.35em;
        }
        .jumbo-crsl__title {
            font-size: 2.5em;
        }
        /*.jumbo-crsl__resume {
            font-size: 1.2em;
            line-height: 1.2em;
        }*/

        .margin-ajusted {
            margin-top: -24px;
        }
        .magazine--home {
            padding-right: 15px;
        }
        .magazine__data {
            padding: 0;
        }
        .gallery--bg {
            padding: 0;
        }

        .promo__library {
            margin-top: 0;
        }

        .seller__content {
            padding: 48px 48px 0;
            
        }
        .seller__select {
            padding: 24px 32px 24px 63px;
        }
        .sm-pdg {
            padding-left: 0;
        }
        .sidebar {
            margin-top: 0;
        }
        #search-list .metadata {
            padding: 0 15px;
            margin-top: 0;
            height: 185px;
            overflow: hidden;
        }
        #search-list .article {
           padding: 0;
           margin-bottom: 24px;
        } 
        
        .title-h1 {
            font-size: 1.75em;
        }

        .title-h3 {
            font-size: 1.752em;
        }

        #top-navigation {
            text-align: right;
            border-top: 0;
            padding-top: 0;
        }

    }
    
    @media (min-width: 1920px) {
        
        .modal-dialog {
            width: 32%;
        }
    }