/* Fonts 
***********************************/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700&display=swap');


/* Vars
***********************************/
:root {
    --color1: #000;
    --color2: #ef2605;
    --font1: 'Roboto', sans-serif;
    --font2: 'Roboto Slab', serif;
}

/*
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1100px;
}
*/



/* Elements
***********************************/

.social-networks-share{
	margin-top: 15px;
}

.price-description{
	background-color: #ED3B17;
    color: white;
  	padding: 8px;
}

.custom-claim-title{
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.custom-claim-text{
  text-align: justify;
}

body {
    background-color: #fff;
    font-family: var(--font1);
}
h1, h2, h3 {
    font-family: var(--font2);
    font-weight: 400;
}
h1 {
    position: relative;
    padding-bottom: 12px !important;
    font-size: 30px !important;
    font-weight: 400;
    /*border-bottom: 1px solid #eee;*/
}
/*h1::after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    width: 2em;
    height: 0;
    border-top: 4px solid var(--color2);
    z-index: 99999999;
}*/
h2 {
    position: relative;
    padding-bottom: 12px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #eee;
}
h2::after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    width: 1.5em;
    height: 0;
    border-top: 3px solid var(--color2);
    z-index: 99999999;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
    color: var(--color1);
}
section {
    margin-bottom: 30px;
}
a {
    color: var(--color2);
}
p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.75em;
}


/* Common
***********************************/
.carrusel-wrapper h2, 
.page-home h2 {
    padding-bottom: 14px !important;
    font-size: 24px !important;
    border-bottom: 1px solid #d9d9d9 !important;
    font-weight: 400 !important;
    margin-bottom: 30px;
}


/* Header
***********************************/
header {
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header-top {
    height: 40px;
    padding: 0;
    background-color: #f6f6f6;
}
.header-top-nav > li {
    line-height: 40px;
}
.header-top-nav > li a {
    padding: 0 10px;
    border-left: 1px solid rgba(0,0,0,0.1);
    color: #565656;
    font-size: 13px;
    font-weight: 300;
}
.header-top-nav > li a i {
    margin-right: 6px;
    font-size: 15px;
    color: var(--color2);
}
.header-top-nav > li a:hover i {
    color: var(--color1);
}
.header-middle {
    padding: 30px 0 0;
    background-color: #fff;
    text-align: center;
}
.header-middle .logo {
    float: none;
}
.header-middle .logo .image-logo {
    width: 100%;
    max-width: 300px;
    height: auto;
}
.header-middle li a {
    color: #333;
}
.header-bottom {
    padding: 30px 0;
    border: 0;
    border-bottom: 1px solid #333;
}
.page-home .header-bottom {
    border-bottom: 0;
}
.header-middle .span6 {
    min-height: 55px;
    line-height: 55px;
}
.header-middle .services-menu {
    margin: 0;
}
.header-middle .manuscrito {
    display: none;
}
#searchform {
    margin-top: 30px;
}
#searchform input {
    width: 100%;
    max-width: 550px;
    height: 40px;
    padding-left: 35px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 30px;
    background-position: 8px 50%;
    font-size: 14px;
}
#searchform .control-group {
    margin-bottom: 0;
}
.header-middle .span12 {
    margin-left: 0;
}


/* Menu 
***********************************/
.main-menu {
    float: none;
    text-align: center;
}
.main-menu .nav {
    display: inline-block;
}
.nav-pills > li {
    float: none;
    display: inline-block;
}
.nav-pills > li > a {
    position: relative;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 0 !important;
    text-transform: initial;
}
.nav-pills > li > a:hover {
    font-weight: 700;
}
.nav-pills > li > a::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    content: "";
    width: 100%;
    height: 5px;
    background: var(--color2);
    visibility: hidden;
    z-index: 99999999;
    display: none;
}
.nav-pills > li.menu-item-21040 {
    padding: 10px 12px;
    border: 1px solid #3d3d3d;
}
.nav-pills > li.menu-item-21040 a {
    font-weight: 300 !important;
}
.nav-pills > li.menu-item-21040:hover {
    background-color: var(--color1);
}
.nav-pills > li.menu-item-21040:hover a {
    color: #fff;
}


/* Footer
***********************************/
.footer-top {
    margin: 0;
    padding: 80px 0 50px;
    background: #333;
}
.footer-blocks li[class*="span"] {
    padding-left: 0;
}
.footer-top h5,
.footer-top a,
.footer-top p,
.footer-top span,
.footer-top li {
    color: #fff;
}
.footer-top h5 {
    margin-top: 0;
    font-family: var(--font2);
    font-size: 16px;
    font-weight: 500;
    color: #999;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #666;
    line-height: 34px;
}
.footer-top .address p, 
.footer-top .address span,
.footer-top a,
.footer-top ul li {
    font-size: 14px;
    font-weight: 300;
}
.footer-top ul {
    overflow: hidden;
}
.footer-top img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.footer-top .nav-footer li {
    width: 100%;
}
.footer-blocks i {
    color: var(--color2);
}
.footer-top .nav-footer a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #666;
    font-size: 15px;
    line-height: 34px;
}
.footer-top .nav-footer li:last-child a {
    border: 0;
}
.footer-info {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
    font-size: 15px;
    color: #999 !important;
}
footer {
    padding: 15px 0;
    background-color: #ededed;
}
.bottom-banners li {
    width: calc(100% / 8);
    margin-left: 0;
}
.bottom-banners .banner {
    max-width: 126px;
}


/* Slider
***********************************/
.slider-wrapper {
    max-height: 400px;
    height: 400px;
    margin-bottom: 60px;
    overflow: hidden !important;
    padding-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    text-align: center;
}
.slider-wrapper .slidesjs-container {
    height: 400px !important;
}
.slider-wrapper img {
    height: 400px !important;
    object-fit: cover;
}


/* Carrusel
***********************************/
.carrusel-wrapper {
    margin: 30px 0;
}
.carrusel-wrapper .content-slider {
    margin: 0;
}
.carrusel-wrapper .lSSlideOuter {
    margin-top: -10px;
}
.content-slider .lslide {
    float: none !important;
    display: inline-block;
    vertical-align: bottom;
}

.content-slider .book-cover-wrapper {
    position: relative;
    height: auto;
    margin: 0 0 10px;
    padding: 10px 10px 0;
    text-align: center;
}
.content-slider .book-cover {
    max-width: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 250px;
    height: 350px;
    object-fit: cover;
    box-shadow: none;
    border: 8px solid #fff;
    box-sizing: border-box;
}
.content-slider .book-cover-wrapper a {
    display: inline-block;
}
.content-slider .book-cover-wrapper a:hover .book-cover,
.content-slider .book-cover:hover {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2) !important;
}
.content-slider .info-book {
    padding: 0 10px;
    text-align: center;
    display: none;
}
.content-slider .info-book .book-title a {
    font-size: 16px;
    color: #000 !important;
}
.content-slider .info-book .book-author {
    font-size: 12px;
    font-weight: 300;
    text-transform: initial;
}
.goToPrevSlide, 
.goToNextSlide {
    top: 55%;
    transform: translateY(-50%);
}
.goToPrevSlide {
    left: -30px;
}
.goToNextSlide {
    right: -30px;
}
.goToPrevSlide i, 
.goToNextSlide i {
    font-size: 50px;
}
.goToPrevSlide:hover, 
.goToNextSlide:hover {
    color: var(--color1);
}


/* Books
***********************************/
.books-row {
    margin-left: -15px;
    margin-right: -15px;
}
.books .book-title {
    margin-top: 4px;
}
.books .book-title a {
    font-family: var(--font2);
    font-size: 16px;
    color: #333;
}
.books .book-author {
    margin: 2px 0 5px;
    font-size: 13px;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0;
    line-height: 1.2em;
    color: #000;
}
.books .book-synopsis, 
.books .book-synopsis p, 
.books .author-bio {
    margin: 0;
    font-size: 13px !important;
    font-weight: 300;
    line-height: 1.4 !important;
}
.books .book-cover-wrapper {
    position: relative;
    height: 275px;
    display: flex;
    align-items: flex-end;
    margin: 0 0 10px;
}
.books .book-cover-wrapper a {
    display: inline-block;
    width: 100%;
    color: #333 !important;
    font-weight: 300;
}
.books .book-cover {
    padding: 0;
    box-shadow: none;
    border: 5px solid #fff;
}
.books li:hover .book-cover,
.books .book-cover:hover {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2) !important;
}
.books .book-price,
.content-slider .book-info .price {
    margin-top: 8px;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.five-cols li {
    width: calc(100% / 5);
    margin: 0 0 25px !important;
    text-align: center;
}
.five-cols li .book-cover {
    width: 100%;
    max-width: calc(100% - 30px);
    max-height: 265px;
    margin: 0;
    float: none;
}
.five-cols .book-title {
    margin-top: 0;
}
.five-cols .book-title,
.five-cols .book-author {
    padding: 0 20px;
}
.five-cols .book-author {
    font-weight: 300;    
}

.four-cols li {
    width: calc(100% / 4);
    margin: 0 0 25px !important;
    text-align: center;
}

.three-cols li {
    width: calc(100% / 3);
    margin: 0 0 25px !important;
    padding: 0 15px 0 10px;
}
.two-cols li .book-cover-wrapper,
.three-cols li .book-cover-wrapper {
    height: auto;
    margin: 0 15px 0 0;
    float: left;
}
.two-cols li .book-cover,
.three-cols li .book-cover {
    width: 100%;
    float: none;
    margin: 0;
}
.two-cols li {
    width: calc(100% / 2);
    margin: 0 0 25px !important;
}
.three-cols li,
.two-cols li,
.one-cols li {
    padding: 0 15px 0 10px;
}

.three-cols .book-title,
.two-cols .book-title,
.one-cols .book-title {
    margin-top: 10px;
}

.two-cols .book-title a,
.one-cols .book-title a {
    font-size: 17px;
}

.one-cols .book-cover {
    margin: 0 15px 0 0;
    max-width: 80px;
    width: 100%;
    max-height: 100px;
}
.two-cols li .book-info,
.three-cols li .book-info {
    display: none;
}
.five-cols .book-info, 
.content-slider .book-info {
    display: flex;
    align-items: center;
    align-items: flex-end;
    flex-wrap: wrap;
    opacity: 0;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    height: 100px;
    width: 100%;
    max-width: calc(100% - 30px);
    padding: 10px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.9);
    text-align: left;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.5em;
}
.books li:hover .book-info,
.content-slider .lslide:hover .book-info {
    opacity: 1;
    bottom: 0;
}
.content-slider .book-info {
    height: 170px;
    bottom: -20px;
}
.content-slider .book-info span {
    display: inline-block;
}
.content-slider .book-info .title {
    font-family: var(--font2);
    font-size: 16px;
    color: #333;
    line-height: 18px;
}
.content-slider .book-info .author {
    font-size: 12px;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0;
    color: #999;
}
.content-slider .book-info .synopsis {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.5em;
    color: #333 !important;
}
.content-slider .book-info .price {
    margin-top: 3px;
}

.book-detail .forexchange {
    display: none;
}


/* News
***********************************/
.news .row {
    margin-left: -20px;
    margin-right: -20px;
}
.news li {
    display: inline-block;
    width: calc(100% / 4);
    margin: 0 0 30px;
    padding: 0 15px;
}
.news h3 a {
    font-family: var(--font2);
    color: #333;
}
.news .new-image {
    width: 100%;
    height: 175px;
    margin: 0 0 10px;
    padding: 0;
    object-fit: cover;
    border: 5px solid #fff;
}
.news .new-image:hover {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.news .new-title {
    padding: 0 5px;
}
.news .new-meta {
    padding: 0 5px;
    font-size: 12px;
    font-weight: 300;
}


/* Pages
***********************************/
.pages .row {
    margin-right: -15px;
    margin-left: -15px;
}
.pages ul {
    margin: 0;
}
.pages li {
    position: relative;
    display: inline-block;
    width: calc(100% / 3);
    height: auto;
    margin: 0 0 30px;
    padding: 0 15px;
    box-sizing: border-box;
}
.pages a {
    display: block;
    overflow: hidden;
}
.pages h3 {
    font-family: var(--font1);
    font-weight: 500;
    color: #333;
}
.pages p {
    margin: 0;
}
.pages .tit {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 30px);
    min-height: 60px;
    padding: 5px 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.pages .tit div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.pages img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.pages a:hover img {
    transform: scale(1.1);
}
.pages a:hover .tit {
    display: block;
    background: rgba(239, 38, 5, 0.9);
}


/* Authors
***********************************/
.authors {
    margin: 0;
}
.authors .row {
    margin-right: -15px;
    margin-left: -15px;
}
.authors li {
    display: inline-block;
    width: calc(100% / 6);
    margin: 0 0 30px !important;
    padding: 0 15px;
    text-align: center;
}
.authors .author-name {
    font-family: var(--font2);
}
.authors .author-face {
    float: none;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0 auto 15px;
    padding: 0;
    border: 0;
    border-radius: 0;
    border: 5px solid #fff;
    box-sizing: border-box;
}
.authors .author-face:hover {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.authors .author-bio,
.authors .author-date {
    display: none;
}
.authors a {
    display: block;
}
.author-single-bio .author-face-detail {
    width: 25%;
    width: 250px;
    height: 250px;
    margin-right: 20px;
    margin-bottom: 50px;
    object-fit: cover;
}

.authors-menu {
    margin-bottom: 30px;
    padding: 2px 0 !important;
    border-bottom: 1px dotted #E1E1E1;
    border-top: 1px dotted #E1E1E1;
}
.authors-menu li {
    width: calc(100% / 26) !important;
    margin: 0 !important;
    padding: 0;
}
.authors-menu li a,
.authors-menu li span {
    width: 100%;
    height: 37px;
    line-height: 37px;
    margin: 0;
    border: 0 !important;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}
.authors-menu li span {
    background: #fff !important;
}
.authors-menu li a:hover {
    color: #fff;
    background-color: var(--color2);
    font-weight: 700;
}


/* Newsletter
***********************************/
.newsletter {
    margin: 50px 0 -30px;
    padding: 100px 0;
    color: #fff;
    background: #000 url('https://i.picsum.photos/id/5/1920/360.jpg?blur=2&hmac=IVJWeLH5I8HdCAoPD2RQvSMwt7PwfNFMYxsBXHr90BE') no-repeat;
    background-size: cover;
    background-position: center;
}
.newsletter .box {
    padding: 0;
    border: 0;
    background: transparent;
    text-align: center;
}
.newsletter h3 {
    font-family: var(--font1);
    font-size: 30px;
}
.newsletter #emailform {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 580px;
    padding: 5px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.2);
}
.newsletter .user-success {
    margin: 0;
    padding: 0 15px;
    width: calc(100% - 112px) !important;
    max-width: none !important;
    height: 45px;
    border-radius: 30px 0 0 30px;
    border: 0;
}
.newsletter .btn {
    margin: 0;
    width: 100px;
    height: 45px;
    padding: 0 20px;
    border-radius: 0 30px 30px 0;
    background: var(--color2);
    border-color: var(--color2);
    font-size: 15px;
    color: #fff !important;
}
.newsletter .home-newsletter {
    line-height: 20px;
}
.newsletter #newsletter-privacyform {
    max-width: 620px;
    margin: 0 auto;
    text-align: left;
}
.newsletter .help-block {
    position: absolute;
    display: block !important;
    margin-bottom: 0;
    top: 18px;
    right: 115px;
    font-size: 10px;
}


/* Social
***********************************/
.social {
    margin: 30px 0 -30px;
    padding: 40px;
    background-color: #ededed;
}
.page-home .social {
    margin-top: 0;
}
.social ul {
    text-align: center;
}
.social ul li {
    display: inline-block;
    width: 80px;
    margin-left: -1px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.social ul li i {
    font-size: 25px;
    color: #424242;
}
.social ul li a:hover i {
    color: var(--color2);
}


/* Book detail
***********************************/
.book-detail-cover {
    padding: 0;
    box-shadow: none;
}
.book-detail h1.book-title {
    padding: 0 !important;
    font-family: var(--font2);
    border: 0;
}
.book-detail h1.book-title::after {
    display: none;
}
.book-detail .book-author {
    font-family: var(--font1);
    text-transform: initial;
    font-weight: 400 !important;
}
.book-detail .book-subtitle {
    border: 0;
}
.book-detail .book-subtitle::after {
    display: none;
}
.book-detail .book-synopsis, 
.book-detail .book-synopsis p, 
.book-detail .author-bio {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
}
.book-detail .book-definitions {
    font-size: 13px;
}
.book-detail .price {
    color: var(--color1);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 5px;
}
.book-detail .forexchange {
    margin-top: 10px;
}
.book-detail h3 {
    font-size: 15px;
    line-height: 18px;
}
.book-detail .books .book-title {
    font-size: 15px;
}
.box-price {
    text-align: center;
}
.box-price .btn-primary {
    padding: 8px 20px;
    font-size: 15px;
    color: #fff !important;
}
.box-price .btn-primary:hover {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2) !important;
}
.book-detail-cover {
    padding: 6px;
}
.book-detail .authors li {
    width: 100%;
    padding-left: 0;
    text-align: left;
}
.book-detail .authors li > a {
    display: block;
    float: left;
    margin-right: 15px;
}
.book-detail .authors .author-face {
    width: auto;
}
.book-detail .authors .author-bio {
    display: block;
    font-size: 14px;
}
.book-detail .authors li .see-more {
    font-size: 12px;
    font-weight: 400;
}
.book-samples a {
    margin-bottom: 8px;
}
.book-samples i {
    color: var(--color2);
    font-size: 16px;
}
.book-definitions dt {
    width: 30%;
    font-size: 14px;
    font-weight: 500;
}
.book-definitions dd {
    width: 65%;
    font-size: 14px;
    font-weight: 300;
    color: #666;
}
.book-shops {
    width: auto;
}
.book-shops > ul {
    margin-bottom: 15px;
    border: 0;
}
.book-shops > ul > li {
    margin-bottom: 2px;
    font-size: 13px;
}
.book-shops > ul li {
    margin-left: 12px;
    list-style: disc;
}
.book-shops h3 {
    margin-bottom: 5px;
}


/* Shopping
***********************************/
.page-cart .table-cart-wrapper strong {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 15px;
}
.page-cart .cart-actions {
    padding-top: 25px;
    border: 0;
}
.table thead th {
    font-weight: 400;
    font-size: 16px;
}
.cart-title a {
    font-family: var(--font2);
    font-size: 16px;
    font-weight: 400;
    color: #333 !important;
}
.btn-cart-minus,
.cart-quantity,
.btn-cart-plus {
    height: 30px;
    line-height: 30px;
}
.shopping-steps.nav-pills {
    text-align: center;
}
.shopping-steps.nav-pills > li {
    padding: 10px 10px 10px 30px;
}
.shopping-steps.nav-pills > li > a {
    font-size: 13px; 
}
.shopping-steps.nav-pills > li.active a {
    font-size: 14px; 
    font-weight: 600;   
}
.shopping-steps.nav-pills > li b {
    margin-top: -3px;
    margin-right: 8px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: #ededed;
}
.shopping-steps.nav-pills > .active b, 
.shopping-steps.nav-pills > li > a:hover b {
    background-color: var(--color2);
}
.radio.box {
    padding-left: 40px;
    line-height: 23px;
}
#order-shipping input[type="checkbox"] {
    margin: -3px 5px 0 0;
}
#order-info tbody tr th,
#order-info tbody tr td {
    padding: 10px 0;
}
#order-info tbody tr:first-child th,
#order-info tbody tr:first-child td,
#shipping-and-payment tbody tr:first-child td {
    border: 0;
}
#order-info tbody tr th,
#shipping-and-payment p strong {
    font-size: 15px !important;
}
#shipping-and-payment p {
    font-size: 14px;
}
#order-coupon .form-group {
    display: inline-block;
}
#order-coupon input[type=text] {
    margin: 0;
}
#order-coupon .btn {
    margin-left: 10px;
    border-radius: 6px;
    background-color: #999 !important; 
    border-color: #999 !important;
}
.cart-line-subtotal td,
.cart-line-taxes td {
    font-weight: 300;
}
.cart-line-total td {
    font-size: 20px;
}


/* Misc
***********************************/
.banner-section {
    text-align: left;
}
.secondary-nav h3 {
    padding: 10px 13px;
    font-weight: 600;
}
.secondary-nav .nav-list > li > a {
    padding: 2px 15px;
    margin-bottom: 5px;
    line-height: 1.5em;
    font-size: 14px;
}
.secondary-nav .nav-list > li > a:hover {
    color: var(--color2);
}
.signin-box input:not([type="checkbox"]), 
.signin-box textarea, 
.signin-box .uneditable-input {
    width: 100%;
}
.btn {
    padding: 8px 20px;
    font-size: 15px;
    border-radius: 30px;
    color: #666;
}
.btn-primary {
    background: var(--color2) !important;
    border-color: var(--color2) !important;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--color1);
    border-color: var(--color1);
}
.break {
    height: auto;
}
input[type="text"],
input[type="password"],
select {
    min-height: 40px !important;    
}
.text-section p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75em;
}
.help-block {
    color: var(--color2);
    font-size: 12px;
}
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
input[type="search"]:focus, 
textarea:focus {
    border-color: rgba(239, 38, 5, .8);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(239, 38, 5,.6);
}
.form-control {
    padding: 0 6px !important;
}
#contact-form .checkbox {
    margin-bottom: 20px !important;
}
#contact-form p {
    margin-bottom: 30px;
}
.address-links span {
    font-size: 15px;
}
.address-links a i, 
.address-links span i {
    margin-right: 10px;
}
#manuscript-info {
    width: 100%;
}
.news-single p > img {
    margin-top: 30px;
}
.biography {
    margin-bottom: 50px;
}
.event-date {
    padding: 5px;
    background-color: var(--color2);
    border: 0;
}
.event-title {
    font-size: 16px !important;
}
.events li {
    border: 0;
}
.pagination {
    text-align: center;
}
.table-condensed td, 
.table-condensed th {
    padding: 10px 0;
}
#order-info .datatable thead th,
#order-info .datatable tbody th, 
#order-info .datatable tbody td {
    text-align: center;
}
.btn-danger {
    color: #fff !important;
}
.signin-box {
    overflow: hidden;
}


/* Transitions
***********************************/
.nav-pills > li a,
.nav-pills > li.menu-item-21040,
.btn,
.authors-menu li a,
.box-price .btn-primary {
    transition: all .3s;
}
.book-cover,
.authors .author-face,
.news .new-image,
.book-info,
.book-synopsis {
    transition: all 0.4s ease 0s;
}
.goToPrevSlide, 
.goToNextSlide,
.header-middle .manuscrito a,
.header-top-nav > li a,
.header-top-nav > li a i,
.pages .tit,
.social ul li i,
.btn-primary,
.footer-top .nav-footer a,
.secondary-nav .nav-list > li > a,
.book-samples a {
    transition: color 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
}
.pages img {
    transition: transform 0.4s ease 0s;
}
dd, dt, li {
    line-height: 25px;
}
.scrollToTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    opacity: 1;
}
.scrollToTop i {
    font-size: 40px;
    color: var(--color2);
}


/* Responsive
***********************************/
@media(max-width:1100px) {
    .newsletter,
    .social,
    .footer-top {
        margin-left: -24px !important;
        margin-right: -24px !important;
    }
}
@media(max-width:991px) {
    .nav-pills > li {
        padding: 0 5px !important;
    }
    .nav-pills > li > a {
        font-size: 13px;
    }
    .five-cols li {
        width: calc(100% / 4);
    }
    .authors li {
        width: calc(100% / 4);
    }
    .pages .tit div {
        font-size: 15px;
    }
    .bottom-banners .banner {
        max-width: 100px;
    }
  .wrapper-book-images .book-cover{
  		max-width: 170px !important;
  	}
}
@media(max-width:768px) {
    .header-middle {
        padding: 12px 0 15px;
    }
    #searchform {
        margin-top: 15px;
    }
    .logo {
        width: 150px;
    }
    .content-slider .book-cover {
        height: 250px;
    }
  	.wrapper-book-images .book-cover{
  		max-width: 170px !important;
  	}
    .five-cols li {
        width: calc(100% / 3);
    }
    .three-cols li {
        width: calc(100% / 2);
    }
    .authors li {
        width: calc(100% / 3);
    }
    .news li {
        width: calc(100% / 2);
    }
    .newsletter #emailform {
        max-width: calc(100% - 60px);
     }
     .newsletter #newsletter-privacyform {
        max-width: 350px;
        text-align: left;
    }
     .goToPrevSlide {
        left: -20px;
    }
    .goToNextSlide {
        right: -20px;
    }
    .social {
        margin: 30px 0 0;
    }
    .social ul li {
        width: 60px;
    }
    .shopping-steps.nav-pills > li {
        padding: 10px 5px 10px 15px !important;
    }
    #contact-form {
        margin-bottom: 50px;
    }
    .content-slider .book-info {
        height: calc(100% - 20px);
    }
    .books .book-info {
        display: none !important;
    }
    .bottom-banners li {
        width: calc(100% / 4);
        margin-left: 0 !important;
    }
    .bottom-banners .banner {
        max-width: 130px;
    }
    .footer-top {
        padding: 50px 0;
        text-align: center;   
    }
    .footer-blocks li[class*="span"] {
        padding: 0;
        margin-bottom: 30px;
    }
    .footer-top .nav-footer a {
        display: inline-block;
    }
    .footer-top .nav-footer a, 
    .footer-top h5 {
        border: 0;
    }
    .wrapper-book-images {
        text-align: center;
    }
    .book-detail-cover {
        max-width: 350px;
        float: none;
        padding: 0;
        margin: 0 0 15px;
        text-align: center;
    }
    .book-detail {
        text-align: center;
    }
    .book-samples {
        float: none;
        clear: both;
        margin-bottom: 30px !important;
    }
    .book-samples a {
        max-width: 350px;
        margin: 0 auto 8px;
        text-align: left;
    }
    .book-detail h2.book-author::after {
        width: 3em;
        left: 50%;
        transform: translateX(-50%);
    }
    .book-definitions dt,
    .book-definitions dd {
        width: 50%;
        box-sizing: border-box;
    }
    .book-definitions dt {
        text-align: right;
        padding-right: 10px;
    }
    .book-definitions dd {
        text-align: left;
        padding-left: 10px;
    }
    .book-detail .price {
        display: block;
        margin-bottom: 15px;
    }
    .box-price .btn-primary,
    .book-editions .btn {
        max-width: 250px;
        padding: 10px 0 !important;
        margin: 0 auto;
    }
    .social-networks-share ul li a {
        width: 200px;
        margin: 0 auto;
        text-align: left;
    }
}
@media(max-width:480px) {
    .book-section h2, 
    .dynamicmarg-section h2, 
    .text-section h2, 
    .author-section h2 {
        line-height: 1.2em;
    }
    .content-slider .book-cover {
        height: auto;
    }
    .five-cols li,
    .authors li {
        width: calc(100% / 2);
    }
    .two-cols li, 
    .three-cols li {
        text-align: center;
    }
    .two-cols li .book-cover-wrapper, 
    .three-cols li .book-cover-wrapper  {
        float: none;
        margin: 0;
        height: auto;
    }
    .two-cols li .book-cover, 
    .three-cols li .book-cover {
        width: calc(100% - 30px);
        max-width: none;
        max-height: 300px;
        object-fit: cover;
    }
    .two-cols li .book-synopsis, 
    .three-cols li .book-synopsis {
        display: none
    }
    .book-cover {
        width: 100% !important;
     }
     .pages li {
        width: 100%;
     }
     .pages .tit div {
        font-size: 20px;
    }
    .shopping-steps.nav-pills > li {
        width: 140px;
        padding: 10px 5px 10px 15px !important;
        background: none;
    }
    .authors-menu li {
        width: calc(100% / 13) !important;
    }
    .social ul li {
        width: 50px;
    }
    .author-single-bio .author-face-detail {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    footer {
        padding: 15px 0 0;
    }
    .bottom-banners {
        margin-top: 15px;
    }
    .bottom-banners li {
        width: calc(100% / 2);
    }
    .bottom-banners .banner {
        max-width: 135px;
    }
}


/** New Header */
header {
    position: relative;
    min-height: none;
    padding-bottom: 50px;
    margin-bottom: 60px;
    overflow: hidden;
    background: #000 url("../images/back-2.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 375px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
}
.header-top {
    position: relative;
    height: 40px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.2);
}
.header-top-nav > li a {
    color: #fff;
}
.header-top-nav > li a:hover {
    color: var(--color2);
}
.header-top-nav > li a:hover i {
    color: #fff;
}
.header-middle {
    position: relative;
    padding: 30px 0 0;
    background-color: transparent;
    text-align: center;
}
.header-middle .logo .image-logo {
    max-width: 250px;
    filter: brightness(0) invert(1);
}
.header-bottom {
    padding: 50px 0 0;
    background-color: transparent;
    border-bottom: 0;
}
.nav-pills > li > a {
    color: #fff;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    color: var(--color2) !important;
    font-weight: 300;
}
#searchform .controls {
    width: 100%;
    max-width: 500px;
    background: #ffffff30;
    display: inline-block;
    border-radius: 30px;
    padding: 4px;
}
#searchform input {
    width: calc(100% - 100px) !important;
    max-width: 550px;
    height: 50px;
    padding: 0 15px !important;
    margin: 0;
    box-sizing: border-box;
    border-radius: 30px 0 0 30px;
    background-image: none;
    background-position: 8px 50%;
    font-size: 14px;
    float: left;
}
#searchform .btn {
    margin: 0;
    width: 100px !important;
    height: 50px;
    padding: 0 20px;
    border-radius: 0 30px 30px 0;
    background: var(--color2);
    border-color: var(--color2) !important;
    font-size: 15px;
    color: #fff !important;
}
.slider-wrapper {
    display: none;
}

@media(max-width:768px) {
    header {
        padding-bottom: 30px;
    }
    .header-middle {
        padding: 15px 0 0;
    }
    .btn_header {
        top: 20px;
    }
    .btn_header .menu-bar {
        background-color: #999;
    }
  	.wrapper-book-images .book-cover{
  		max-width: 170px !important;
  	}
}

#mailchimp-form .checkbox {
    padding-left: 185px !important;
}

/* Logo X */
.social .fa.fa-twitter::before {
	display: none;
}
.social ul li:nth-child(2) > a {
	background-image: url('/media/universidad_navarra/images/logo-x-gray.png');
  	height: 19px;
    width: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.4s;
    display: block;
    margin: 0 auto;
}
.social ul li:nth-child(2) > a:hover {
	background-image: url('/media/universidad_navarra/images/logo-x-red.png');
}
.book-actions .social-networks-share .twitter-share .fa-twitter-square::before {
	display:none;
}
.book-actions .social-networks-share .twitter-share .fa-twitter-square {
	background-image: url('/media/universidad_navarra/images/logo-x-gray.png');
  	height: 20px;
    width: 21px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}