/* General */

/*@font-face {*/
/*    font-family: 'gentona';*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    src: url(../fonts/gentona/Gentona-Light.eot);*/
/*    src: url(../fonts/gentona/Gentona-Light.eot?#iefix) format('embedded-opentype'),*/
/*    url(../fonts/gentona/Gentona-Light.woff2) format('woff2'),*/
/*    url(../fonts/gentona/Gentona-Light.woff) format('woff'),*/
/*    url(../fonts/gentona/Gentona-Light.ttf) format('truetype'),*/
/*    url(../fonts/gentona/Gentona-Light.svg#Gentona-Light) format('svg');*/
/*}*/

/*@font-face {*/
/*    font-family: 'gentona';*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    src: url(../fonts/gentona/hinted-Gentona-Light.eot);*/
/*    src: url(../fonts/gentona/hinted-Gentona-Light.eot?#iefix) format('embedded-opentype'),*/
/*    url(../fonts/gentona/hinted-Gentona-Light.woff2) format('woff2'),*/
/*    url(../fonts/gentona/hinted-Gentona-Light.woff) format('woff'),*/
/*    url(../fonts/gentona/hinted-Gentona-Light.ttf) format('truetype'),*/
/*    url(../fonts/gentona/hinted-Gentona-Light.svg#Gentona-Light) format('svg');*/
/*}*/

@import '../fontawesome-free-5.12.0-web/css/all.min.css';
@import "gentona.css";

/*@font-face {*/
/*    font-family: 'gentona';*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    src: url(../fonts/gentona/hinted-Gentona-Book.eot);*/
/*    src: url(../fonts/gentona/hinted-Gentona-Book.eot?#iefix) format('embedded-opentype'),*/
/*    url(../fonts/gentona/hinted-Gentona-Book.woff2) format('woff2'),*/
/*    url(../fonts/gentona/hinted-Gentona-Book.woff) format('woff'),*/
/*    url(../fonts/gentona/hinted-Gentona-Book.ttf) format('truetype'),*/
/*    url(../fonts/gentona/hinted-Gentona-Book.svg#Gentona-Book) format('svg');*/
/*}*/

/*@font-face {*/
/*    font-family: 'gentona';*/
/*    font-weight: normal;*/
/*    font-style: italic;*/
/*    src: url(../fonts/gentona/hinted-Gentona-BookItalic.eot);*/
/*    src: url(../fonts/gentona/hinted-Gentona-BookItalic.eot?#iefix) format('embedded-opentype'),*/
/*    url(../fonts/gentona/hinted-Gentona-BookItalic.woff2) format('woff2'),*/
/*    url(../fonts/gentona/hinted-Gentona-BookItalic.woff) format('woff'),*/
/*    url(../fonts/gentona/hinted-Gentona-BookItalic.ttf) format('truetype'),*/
/*    url(../fonts/gentona/hinted-Gentona-BookItalic.svg#Gentona-Book) format('svg');*/
/*}*/

/*@font-face {*/
/*    font-family: 'gentona';*/
/*    font-weight: bold;*/
/*    font-style: italic;*/
/*    src: url(../fonts/gentona/hinted-Gentona-BoldItalic.eot);*/
/*    src: url(../fonts/gentona/hinted-Gentona-BoldItalic.eot?#iefix) format('embedded-opentype'),*/
/*    url(../fonts/gentona/hinted-Gentona-BoldItalic.woff2) format('woff2'),*/
/*    url(../fonts/gentona/hinted-Gentona-BoldItalic.woff) format('woff'),*/
/*    url(../fonts/gentona/hinted-Gentona-BoldItalic.ttf) format('truetype'),*/
/*    url(../fonts/gentona/hinted-Gentona-BoldItalic.svg#Gentona-Book) format('svg');*/
/*}*/

/*@font-face {*/
/*    font-family: 'gentona';*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: url(../fonts/gentona/Gentona-Bold.eot);*/
/*    src: url(../fonts/gentona/Gentona-Bold.eot?#iefix) format('embedded-opentype'),*/
/*    url(../fonts/gentona/Gentona-Bold.woff2) format('woff2'),*/
/*    url(../fonts/gentona/Gentona-Bold.woff) format('woff'),*/
/*    url(../fonts/gentona/Gentona-Bold.ttf) format('truetype'),*/
/*    url(../fonts/gentona/Gentona-Bold.svg#Gentona-Bold) format('svg');*/
/*}*/

* {
    color: #292929;
    font-family: gentona, sans-serif;
    outline: none;
}

html {
    overflow-x: hidden;
}

section {
    padding-bottom: 30px
}

a {
    /*color: #7a7a7a;*/
    color: #4d812f;
    /*text-decoration: underline;*/
}

a:hover {
    /*text-decoration: underline;*/
    text-decoration: none;
    /*color: #7bd34e;*/
    color: #4d812f;
}

a:focus {
    text-decoration: none;
    color: #4d812f;
}

body {
    /*background-color: #ffffff*/
    background-color: #fafafa;
}

h1.pageTitle, h2.pageTitle {
    color: #292929;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
}

h1.pageTitle > a, h2.pageTitle > a {
    color: #77c24c;
}

h3.sectionTitle {
    color: #292929;
    font-weight: 700;
    text-transform: uppercase
}

h3.subSectionTitle {
    color: #292929;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}

.leadingCapitalText {
    color: #292929;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
}

.leadingText {
    color: #292929;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
}

.no-padding {
    padding: 0;
}

.button {
    padding: 8px;
    text-align: center
}

.button.primaryButton {
    background-color: #4d812f;
    border-width: 0;
    color: #fff;
    text-transform: uppercase
}

.caret-right {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #77c24c;
    border-top: 4px solid transparent;
    display: inline-block;
    vertical-align: baseline
}

.loginLabel {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.navbar-nav > li > .dropdown-menu {
    padding: 10px 0;
    background-color: #77c24c;
    border: none;
    border-radius: 0;
}

.loginNavbar > span.dropdown.open::before {
    position: absolute;
    bottom: -36px;
    left: calc(50% - 6px);
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #77c24c;
    border-left: 6px solid transparent;
    content: '';
}

.navbar .nav > li.dropdown.open::before {
    position: absolute;
    bottom: 0;
    left: calc(45% - 6px);
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #77c24c;
    border-left: 6px solid transparent;
    content: '';
}

.actionButton {
    background-color: #77c24c;
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
    text-transform: uppercase;
    border: 0;
}

.actionButton {
    background-color: #77c24c;
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
    text-transform: uppercase;
    border: 0;
}

.actionButton:hover,
.actionButton:focus {
    background-color: #4d812f;
    color: #fff;
}

.addToCartButton,
.preorderButton {
    background-color: #77c24c;
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}

.bookButton {
    width: 100%;
    text-align: center;
    background-color: #77c24c;
    color: #fff;
    display: inline-block;
    padding: 8px 12px;
}

/* Nem vásárolható állapot a KÖNYV ADATLAPJÁN (Elfogyott, Előkészületben) — Trello #664.
   A listaoldalakon és a körhintákon ugyanez a felirat az oldal saját színében marad, a
   kliens kérése szerint. Egy helyen definiálva, mert korábban négy sablonsorban élt
   három különböző inline szürkeként (#aaa asztali, #dddddd mobil), és elcsúsztak.
   A `a.bookButton.bookButtonDisabled` azért két osztály + elem, mert a style.css a
   typo.css/edu.css ELŐTT töltődik be, és azok felülírják a sima `.bookButton` színét. */
a.bookButton.bookButtonDisabled,
a.bookButton.bookButtonDisabled:hover,
a.bookButton.bookButtonDisabled:focus,
a.bookButton.bookButtonDisabled:active {
    background-color: #aaa;
    cursor: default;
}

.addToCartButton > span,
.preorderButton > span {
    color: #fff;
}

.addToCartButton:hover,
.preorderButton:hover,
.addToCartButton:focus,
.preorderButton:focus {
    background-color: #4d812f;
    color: #fff;
}

.discountPercentBadge {
    display: block;
    text-align: center;
    border-radius: 35px;
    width: 60px;
    height: 60px;
    background-color: #77c24c;
    vertical-align: middle;
    line-height: 30px;
    font-size: 20px;
    padding: 15px 0;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    right: -10px;
    bottom: -15px;
}

.clearDiv {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

#site-logo {
    margin-right: 60px;
    margin-top: 20px
}

#headerNavBar {
    background-color: #77c24c;
    border: 1px solid transparent;
    margin-bottom: 15px;
    min-height: 50px
}

#headerNavBar .container {
    margin: 15px auto
}

#headerNavBar .navbar-nav,
#headerNavBar .navbar-nav a,
#headerNavBar .navbar-nav a i {
    color: #fff;
}

#headerNavBar .navbar-nav a i.glyphicon {
    font-size: 10px;
}

#menuNavBar {
    background-color: #fafafa;
    border-radius: 0;
    transition: box-shadow .2s ease-in-out;
    margin-bottom: 0;
}

#menuNavBar > .container > .navbar-default {
    background-color: transparent;
    border: none;
    margin-bottom: 10px
}

#menuNavBar ul.nav > li > a {
    background-color: transparent;
    color: #292929;
    text-transform: uppercase
}

#menuNavBar ul.nav > li > a > span.caret {
    bottom: 2px;
    color: #77c24c;
    position: relative
}

#menuNavBar ul.nav > li > a.active {
    color: #77c24c
}

#menuNavBar.affix {
    top: 0;
    width: 100%;
    z-index: 999 !important
}

#menuNavBar.affix {
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2)
}

#menuNavBar.affix ~ * {
    position: relative;
    top: 80px
}

#default-menu > ul.navbar-nav {
    margin: 24px 0 8px;
}

.nav > li > input {
    text-align: center;
    display: block;
    margin: 10px;
    padding: 2px 5px;
}

.nav > li > span {
    display: block;
    margin: 15px
}

.nav li a:focus,
.nav li a:hover {
    background-color: transparent
}

.navbar {
    border-radius: 0
}

.navbar-default .navbar-collapse {
    border: none
}

.navbar-collapse > div.languageNavbar:first-child {
    width: 12%;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #77c24c;
    border: none;
    border-radius: 0;
    padding: 10px 0
}

.navbar-nav > li > .dropdown-menu > li > a {
    color: #fff;
    text-transform: uppercase
}

.navbar-nav > li > a.loginDropdownToggle {
    padding: 0
}

.navbar-nav > li.dropdown.open::before {
    border-bottom: 6px solid #77c24c;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: 0;
    content: '';
    display: inline-block;
    left: calc(45% - 6px);
    position: absolute
}

.navbar-nav .e-books {
    width: 100%;
}

@media (min-width: 992px) {
    .navbar-nav .e-books {
        width: auto
    }
}

span.open > a.loginDropdownToggle {
    background-color: transparent !important;
}

#loginDropdown {
    background-color: #77c24c;
    border: none;
    border-radius: 0;
    min-width: 320px;
    padding: 10px 20px;
    position: absolute;
    left: auto;
    right: -100%;
    top: 50px
}

#loginDropdown > form > .loginField {
    border-width: 0;
    font-size: 15px;
    padding: 5px;
    width: 100%;
}

.loginActions {
    margin-top: 10px;
    position: relative
}

.loginButton {
    min-width: 130px
}

.loginNavbar {
    position: relative
}

.loginNavbar > span.dropdown.open::before {
    border-bottom: 6px solid #77c24c;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -37px;
    content: '';
    display: inline-block;
    left: calc(50% - 6px);
    position: absolute
}

#searchWrapBox {
    padding-top: 5px;
}

#bookshelfButton {
    background-color: #77c24c !important;
    color: #fff !important;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 3px 10px;
    border-radius: 2px;
}

#searchField {
    color: #000000;
    border: #000000 1px solid;
    margin: 10px 0 3px;
    text-align: center;
}

#advancedSearchButton {
    background-color: transparent !important;
    color: #77c24c !important;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 0 10px;
}

.cartWidgetIcon {
    background-image: url(./images/icons3.png);
    background-position: -30px 0;
    display: block;
    height: 30px;
    margin: 15px;
    width: 30px;
    position: relative;
}

.cartWidgetIcon > .cartWidgetNumber {
    width: 16px;
    height: 18px;
    color: #77c24c;
    display: block;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    right: 1px;
    bottom: 1px;
    line-height: initial;
}

.cartWidgetBlock {
    display: block;
    text-align: center;
    position: relative;
    margin-top: 0;
    -webkit-transition: margin-top 0.25s ease-in-out;
    -moz-transition: margin-top 0.25s ease-in-out;
    transition: margin-top 0.25s ease-in-out;
    cursor: pointer;
    height: 30px;
}

.cartWidgetBlock.cartWidgetFull:hover {
    margin-top: -12px;
}

.cartBlockMobile {
    display: inline-block;
    margin-left: 10px;
}

.cartBlockMobile .cartWidgetIcon {
    display: inline-block;
    margin: 0;
}

.cartWidgetQuantity,
.cartWidgetQuantity strong {
    color: #77c24c;
    font-size: 12px;
}

.cartWidgetPrice,
.cartWidgetPrice strong {
    color: #292929;
    font-size: 12px;
}

.cartWidgetList {
    visibility: hidden;
    opacity: 0;
    width: 100px;
    height: 0;
    /*margin: 0 -50px;*/
    /*margin-top: -18px;*/
    /*margin-bottom: -100%;*/
    margin: -18px -50px -100% -50px;
    left: 50%;
    position: relative;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.cartWidgetBlock:hover .cartWidgetList {
    visibility: visible;
    opacity: 1;
}

.breadcrumbSection {
    padding-bottom: 40px;
}

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0
}

.breadcrumb > li + li::before {
    color: #77c24c;
    content: "\e258";
    font-family: 'Glyphicons Halflings', sans-serif;
    font-size: 10px
}

.breadcrumbBlock {
    margin-bottom: 35px
}

.breadcrumbLine {
    margin: 0
}

hr.breadcrumbLine {
    border-top-color: #77c24c
}

ol.breadcrumb {
    padding: 8px 0
}

ol li a {
    color: #77c24c;
    text-decoration: none
}

#sideBarMenu {
    background-color: #77c24c;
    color: #fff;
    padding: 20px 0 20px 18px;
}

#sideBarMenu .panel {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    border: none;
    color: #fff;
    margin-bottom: 30px;
}

#sideBarMenu .panel > .panel-heading {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    margin-bottom: 3px;
}

#sideBarMenu .panel > .panel-heading a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

#sideBarMenu .caret {
    color: #fff;
    bottom: 2px;
    position: relative;
}

#sideBarMenu .panel-collapse > ul.list-group {
    padding-left: 10px;
}

#sideBarMenu ul.list-group {
    border: none;
}

#sideBarMenu ul.list-group > li {
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    font-weight: normal;
}

#sideBarMenu ul.list-group > li.list-group-item > .panel-collapse {
    padding-top: 5px;
}

#sideBarMenu ul.list-group > li {
    margin-bottom: 3px;
}

#sideBarMenu > .panel > ul.list-group > li > a {
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

#sideBarMenu ul.list-group > li > a {
    color: #fff;
}

.sideBarHeader {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.sideBarHeader a {
    color: #fff;
}

footer ul li {
    line-height: 15px
}

footer ul li a {
    color: #292929;
    font-size: 15px
}

#footerBackToTop {
    background-color: #77c24c;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    left: calc(50% - 15px);
    padding: 8px;
    position: relative;
    top: -65px;
    width: 30px
}

#footerMenu div {
    line-height: 15px;
    margin-bottom: 15px
}

#footerMenu .footer-logo-col {
    margin-top: -30px;
    margin-bottom: 30px;
}

.footer-logo-col {
    text-align: center
}

.footerCategoryHeader {
    color: #77c24c;
    font-weight: 700;
    text-transform: uppercase
}

hr.footerLine {
    border-top-color: #77c24c;
    margin: 5px 0 50px
}

#legalMenu {
    min-height: auto;
    margin-bottom: 0;
    padding: 0 15px;
}

#legalMenu ul li a {
    color: #77c24c;
    font-size: 11px;
    padding: 0 8px
}

.fullWidth {
    width: 100%;
}

.orderingSelector {
    color: #000000;
    margin-bottom: 10px;
    display: inline-block;
}

.orderingSelector > .caret {
    color: #77c24c;
}

.dropdown-right {
    right: 0 !important;
}

.booksDescription {
    margin: 20px 0;
}

.booksDescription strong,
.booksDescription img {
    display: none;
}

.paragraphHeading {
    color: #77c24c;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

.formatSelector {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 10px;
    margin-right: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.formatSelector input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    border: 2px solid #77c24c;
    border-radius: 20%;
}

/* On mouse-over, add a grey background color */
.formatSelector:hover input ~ .checkmark {
    background-color: rgba(119, 194, 76, 0.2);
}

/* When the radio button is checked, add a blue background */
.formatSelector input:checked ~ .checkmark {

}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: relative;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.formatSelector input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.formatSelector .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 10%;
    background: #77c24c;
}

/* -------- */


/* Homepage */


/* -------- */

#homepageCarousel {
    padding-bottom: 40px
}

#homepageCarousel ol.carousel-indicators {
    bottom: -30px
}


/* ---- */


/* Book */


/* ---- */

h1.authorName, h2.authorName {
    color: #292929;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
}

.bookImage,
.bookPrice,
.bookAction,
.bookMeta,
.bookData {
    margin-bottom: 15px;
}

.bookMeta > .bookLink {
    text-align: center;
}

.bookMeta > .bookLink > * {
    display: inline-block;
    text-align: center;
}

.bookAction > .preorderButton {
    display: block;
    text-align: center;
}

.bookLink a {
    color: #77c24c;
}

.category_book {
    /*position: relative;*/
    height: auto;
}

.bookPrice > .discountPrice,
.respo-bookPrice > .discountPrice {
    color: #77c24c;
    font-weight: 700
}

.bookPrice > .oldPrice,
.respo-bookPrice > .oldPrice {
    text-decoration: line-through
}

.oldPrice {
    text-decoration: line-through
}

.fullBookAuthor {
    color: #292929;
    /*text-transform: uppercase;*/
    font-size: 12pt;
}

.fullBookEditor {
    color: #292929;
    /*text-transform: uppercase;*/
    font-size: 12pt;
    display: inline-block;
    padding-bottom: 15px;
}

.fullBookTitle {
    color: #292929;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0 6px 0;
}

.fullBookSubtitle {
    /*color: #77c24c;*/
    color: #292929;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    font-size: 14pt;
}

.textUppercase {
    text-transform: uppercase;
}

.fullBookReview {
    font-style: italic;
}

.fullBookOptions a {
    margin-right: 20px;
    color: #77c24c;
}

.fullBookDescription, .fullSeriesDescription {
    margin-bottom: 15px;
    font-size: 12pt;
}

.bookActionTableSmall {
    width: 100%;
    margin: 30px 0;
}

.bookActionTableSmall th {
    /*text-transform: uppercase;*/
    padding: 10px 0;
    line-height: 1.2;
}

.bookActionTableSmall td {
    padding: 5px 0;
}

.bookshelfActionTableSmall {
    width: 100%;
    margin: 30px 0;
}

.bookshelfActionTableSmall th {
    /*text-transform: uppercase;*/
    font-weight: normal;
    padding: 10px 0;
    line-height: 1.2;
}

.bookshelfActionTableSmall td {
    padding: 5px 0;
}

form.bs {
    position: relative;
}

.bookshelfSearchBar {
    /*width: 100%;*/
    border: 1px solid black;
    width: 150px;
}

a#bs-search-clear1, a#bs-search-clear2 {
    position: absolute;
    border-radius: 5px;
    right: 2px;
    z-index: 2;
    border: none;
    top: 2px;
    cursor: pointer;
    color: white;
    background-color: #77c24c;
    width: 20px;
    padding: 0;
    line-height: 1;
    text-align: center;
}

a#bs-search-clear1 {
    height: 20px;
    font-size: 16px;
}

a#bs-search-clear2 {
    top: 2px;
    height: 17px;
    font-size: 14px;
}

.bookshelfOrderingButton {
    background-color: #77c24c;
    color: #fff;
    display: inline-block;
    padding: 2px 12px;
    text-transform: uppercase;
    border: 0;
}

.bookshelfOrderingButton a {
    color: #fff;
}

.bookActionButton {
    width: 100%;
    display: block;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    background-color: #77c24c;
}

.bookActionSecondaryButton {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    background-color: #77c24c;
}

.bookshelfActionSecondaryButton {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    background-color: #77c24c;
}


.bookActionSecondaryButton.download {
    width: 39%;
    float: left;
}

.bookActionSecondaryButton.view {
    width: 59%;
    float: right;
}


.bookshelfActionSecondaryButton.download {
    width: 49.5%;
    float: left;
    margin-right: 0.5%;
}

.bookshelfActionSecondaryButton.view {
    width: 49.5%;
    float: right;
    margin-left: 0.5%;
}

.bookshelfActionSecondaryButton.refresh {
    width: 100%;
    float: left;
}

.bookActionTable {
    width: 100%;
    margin: 30px 0;
}

.bookActionTable > thead > tr > th {
    color: #77c24c;
}

.bookActionTable > thead > tr > th:not(:first-child), .bookActionTable > tbody > tr > td:not(:first-child) {
    text-align: center;
}

.bookActionTable > thead > tr > th, .bookActionTable > tbody > tr > td {
    border-bottom: 1px solid #77c24c;
}

.bookshelfActionTable {
    width: 100%;
    margin: 30px 0;
}

.bookshelfActionTable > thead > tr > th {
    color: #77c24c;
}

.bookshelfActionTable > thead > tr > th:not(:first-child), .bookshelfActionTable > tbody > tr > td:not(:first-child) {
    text-align: center;
}

.bookshelfActionTable > thead > tr > th, .bookshelfActionTable > tbody > tr > td {
    border-bottom: 1px solid #77c24c;
}

.actionIcon {
    display: inline-block;
    height: 30px;
    margin: 5px 0;
    width: 30px;
    position: relative;
}

.cartAction {
    background-image: url(./images/icons3.png);
    background-position: 0 0;
}

.toCartAction {
    background-image: url(./images/icons3.png);
    background-position: -30px -30px;
}

.inCartAction {
    background-image: url(./images/icons3.png);
    background-position: 0 0;
}

.onBookshelfAction {
    background-image: url(./images/icons3.png);
    background-position: 0 -30px;
}

.downAction {
    background-image: url(./images/icons3.png);
    background-position: -30px -60px;
}

.listAction {
    background-image: url(./images/icons3.png);
    background-position: -30px -90px;
}

.refreshAction {
    background-image: url(./images/icons3.png);
    background-position: -60px 0;
}

.printAction {
    background-image: url(./images/edu_print.png);
    background-repeat: no-repeat;
    background-position: center;
}

.noPrintAction {
    background-image: url(./images/edu_print_off.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
}

.eduDownAction {
    background-image: url(./images/icons3_edu.png);
    background-position: -30px -60px;
}


/* ---- */


/* Cart */


/* ---- */

.cartItem {
    padding-bottom: 20px;
    border-bottom: 1px solid #77c24c;
    margin-bottom: 20px;
}

.cartItemRow {
    display: table-row;
}

.cartItemQuantityBox button {
    background-color: #77c24c;
    color: #fff;
    border-radius: 0;
}

.cartItemQuantityBox button:hover,
.cartItemQuantityBox button[disabled]:hover {
    background-color: #4d812f;
}

.cartItemQuantityBox button span {
    color: #fff;
}

.cartItemImageBox,
.cartItemTitleBox,
.cartItemQuantityBox,
.cartItemPriceBox,
.cartItemRemoveBox {
    display: table-cell;
    vertical-align: top;
    float: none;
}

.cartItemImageBox {
    padding: 0;
}

.cartItemRemoveBox a img {
    width: 20px;
}

.cartItemTitle {
    font-size: 16px;
    font-weight: bold;
    display: block;
}

.cartItemAuthor {
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.cartItemPrice {
    color: #77c24c;
    font-size: 16px;
    font-weight: bold;
    display: block;
}

.cartItemDiscountPercent {
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.cartItemTagBadge {
    background-color: #77c24c;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    margin-right: 8px;
}

.cartItemTagText {
    color: #77c24c;
    font-weight: bold;
}

.cartPageSummary {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.cartSummaryTitle,
.cartSummaryQuantity,
.cartSummaryPrice,
.cartSummaryCoupon,
.cartSummaryCouponButton,
.cartSummaryCheckout {
    display: inline-block;
    min-height: 40px;
    vertical-align: middle;
}

@media (max-width: 1199px) {
    .cartSummaryCouponCheck {
        padding-top: 0;
    }
}

@media (min-width: 1200px) {
    .cartSummaryCouponCheck {
        padding-top: 0;
    }
}


.cartSummaryTitle {
    text-align: left;
    padding: 0 15px 0 0;
}

.cartSummaryTitle span {
    font-size: 16px;
}

.cartSummaryQuantity {
    text-align: center;
    padding: 0 15px;
}

.cartSummaryQuantity span,
.cartSummaryPrice span {
    font-size: 16px;
}

.cartSummaryPrice {
    text-align: center;
    padding: 0 0 0 15px;
}

.cartSummaryCoupon {
    text-align: center;
    padding: 0 15px 0 0;
    margin-bottom: 15px;
}

.cartSummaryCoupon input {
    padding: 7px 11px;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
}

.cartSummaryCheckout {
    text-align: center;
    padding: 0 0 0 15px;
}

.cartSummaryCheckout a, .cartSummaryCheckout input[type=submit] {
    width: 100%;
}

.cartSummaryBlock {
    margin-bottom: 50px;
}

ul.cartPageList {
    list-style-type: none;
    padding: 0;
}

#checkout-cart-content {
    transition: filter 0.2s ease, opacity 0.2s ease;
}

#checkout-cart-content.is-updating {
    filter: blur(2px);
    opacity: 0.65;
    pointer-events: none;
}


/* -------- */
/* Carousel */
/* -------- */

.carousel_bookTitleAndAuthor {
    color: #292929;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    height: 80px;
}

.carousel_bookTitleAndAuthor span.title {
    font-weight: 700;
    max-height: 36px;
    /*overflow: hidden;*/
    display: block;
}

.carousel_bookTitleAndAuthor span.author {
    max-height: 32px;
    /*overflow: hidden;*/
    display: block;
}

.carousel_bookTitle {
    color: #292929;
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
}

.carousel_bookPrice {
    margin-bottom: 15px;
}

.carousel_bookPrice > .discountPrice {
    color: #77c24c;
    font-weight: 700
}

.carousel_bookPrice > .oldPrice {
    text-decoration: line-through
}

.carousel_bookImage {
    margin-bottom: 15px;
    position: relative;
}

.carousel_bookImage > img,
.carousel_authorImage > img {
    width: 100%
}

.carousel_authorName {
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    color: #292929;
    text-transform: uppercase
}

.carousel-control .glyphicon-menu-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
    font-size: 20px;
    height: 30px;
    margin-top: -10px;
    width: 30px
}

.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 37%;
    z-index: 5
}

.carousel-control .glyphicon-menu-right {
    margin-right: -10px
}

.carousel-control .glyphicon-menu-right {
    margin-right: -10px;
    right: 50%
}

.carousel-inner > .item {
    width: 100%
}

.carousel-inner > .item > div {
    margin-bottom: 20px
}

ol.carousel-indicators > li {
    border: 1px solid #77c24c;
    height: 12px;
    margin: 1px 3px;
    width: 12px
}

ol.carousel-indicators > li.active {
    background-color: #77c24c;
    height: 12px;
    margin: 1px 3px;
    width: 12px
}

a.carousel-control {
    background: none !important;
    opacity: 1;
    width: 60px
}

a.carousel-control span {
    color: #77c24c
}

a.carousel-control.left {
    left: -60px
}

a.carousel-control.right {
    right: -60px
}


/* -------- */


/* Category */


/* -------- */

.categoryRow {
    margin-bottom: 60px;
}

.category_bookTitle {
    color: #292929;
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    height: 32px;
    /*overflow: hidden;*/
}

.category_bookAuthor {
    font-size: 15px;
    line-height: 16px;
    height: 32px;
    /*overflow: hidden;*/
}

.category_bookPrice {
    margin: 15px 0 10px 0;
}

.category_bookPrice > .discountPrice {
    color: #77c24c;
    font-weight: 700
}

.category_bookPrice > .oldPrice {
    text-decoration: line-through
}

.category_bookImage {
    margin-bottom: 15px;
    position: relative;
}

.category_bookImage > img,
.category_authorImage > img {
    width: 100%
}


/* ------------- */


/* Menu Category */


/* ------------- */

.fullMenuCategoryTitle {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}

.fullMenuCategoryItem {
    cursor: pointer;
    font-size: 16px;
    background-color: #77c24c;
    color: #fff;
    display: block;
    padding: 4px 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.fullMenuCategoryItem:hover {
    font-weight: bold;
    color: #fff;
}

.fullMenuCategoryBack {
    font-size: 16px;
    background-color: #77c24c;
    color: #fff;
    display: block;
    padding: 4px 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 100px;
}


/* ---- */


/* News */


/* ---- */

.newsItem {
    margin-bottom: 20px;
    font-size: 12pt;
}

.newsTitle {
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

.newsDate {
    font-size: 12px;
    color: #6c6c6c;
}

.newsReadMore {
    color: #77c24c;
    text-transform: uppercase;
    font-weight: bold;
}

.pagination {
    margin: 0;
}

ul.pagination > li > a {
    background-color: #77c24c;
    color: #fff;
    height: 26px;
    min-width: 26px;
    text-align: center;
    border: none;
    border-radius: 13px !important;
    line-height: 22px;
    padding: 0 5px;
    font-size: 15px;
    margin: 0 6px;
}

ul.pagination > li > a.active {
    background-color: #fafafa;
    color: #77c24c;
    height: 26px;
    min-width: 26px;
    text-align: center;
    border: 2px solid #77c24c;
    border-radius: 13px;
    line-height: 20px;
    padding: 0 3px;
    font-size: 15px;
    margin: 0 6px;
}

.pagination > li > a.prevPage,
.pagination > li > a.nextPage,
.pagination > li > a.prevPage:hover,
.pagination > li > a.nextPage:hover {
    background-color: transparent;
    color: #77c24c;
    border: none;
    margin: 0 1px;
}

ul.pagination > li > a:hover {
    color: #fff;
    background-color: #4d812f;
}


/* -------------------- */


/* Registration & Login */


/* -------------------- */

.registrationFormBlock,
.registrationOptionsBlock,
.loginFormBlock,
.loginOptionsBlock {
    text-align: center;
}

.registrationFormGroup,
.loginFormGroup {
    display: block;
    margin: 25px 0;
}

.registrationOptionsGroup,
.loginOptionsGroup {
    margin-bottom: 32px;
}

.registrationFormGroup label,
.loginFormGroup label {
    display: block;
}

.registrationFormSubGroup {
    width: 285px;
    display: inline-block;
    margin-bottom: 12px;
}

.loginFormSubGroup {
    width: 285px;
    display: block;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

.registrationFormInfoText,
.loginFormInfoText {
    display: inline;
    color: #77c24c;
    font-weight: normal;
}

.registrationFormLabelText,
.loginFormLabelText {
    display: block;
    color: #77c24c;
    font-weight: normal;
}

.registrationFormField,
.loginFormField {
    display: block;
    border: 1px solid #b4b4b4;
    font-size: 15px;
    padding: 5px;
    width: 100%;
}

.registrationOptionsSubGroup a.actionButton,
.loginOptionsSubGroup a.actionButton {
    min-width: 180px;
}

/* ---------- */


/* Advanced Search */


/* ---------- */

.advanced_search_multichoice {
    list-style: none;
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 20px;
}

.advanced_search_multichoice .advanced_search_label_title {
    margin-bottom: 0;
}

.advanced_search_multichoice input {
    position: relative;
    top: 3px;
    height: 16px;
    width: 16px;
}

.advanced_search_input {
    font-weight: initial;
    text-transform: none;
    text-align: left;
}

.advanced_search_label {
    margin-bottom: 15px;
    padding: 0;
}

.advanced_search_label_title {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 10px;
}

.advanced_search_multichoice_label {
    padding: 0;
    margin: 0;
}

.advanced_search_multichoice li {
    display: inline-block;
    margin: 0 20px;
    min-width: 132px;
}

.advanced_search_actions {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.advanced_search_actions a {
    line-height: 34px;
    font-size: 15px;
}

.advanced_search_submit {
    background-color: #77c24c;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    width: 35%;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    border: 0;
}


/* ---------- */


/* Responsive */


/* ---------- */

.respo-menuicon {
    display: inline-block;
    float: none;
    width: 30px;
    height: 30px;
}

.col-xs-15 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 20%
}

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.fullBookMoreLarge, .fullSeriesMoreLarge {
    display: inline;
    color: #77c24c;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.fullBookMoreLarge[aria-expanded="true"], .fullSeriesMoreLarge[aria-expanded="true"] {
    display: none;
}

@media (min-width: 768px) {
    .col-sm-15 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        width: 20%
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        width: 20%
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

}

@media (min-width: 1200px) {


    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .col-lg-15 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        width: 20%
    }
}

@media (max-width: 767px) {
    * {
        line-height: 1em;
    }

    .no-left-padding-xs {
        padding-left: 0;
    }

    .no-padding-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flex-row-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    #navbar[aria-expanded="true"] {
        right: 15px;
    }

    .newsTitle {
        font-size: 16px;
    }

    .newsDate {
        font-size: 14px;
    }

    .newsBody {
        font-size: 16px;
    }

    .carousel-control .glyphicon-menu-left,
    .carousel-control .glyphicon-menu-right {
        top: 30%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .no-left-padding-sm {
        padding-left: 0;
    }

    .no-padding-sm {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flex-row-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    #navbar[aria-expanded="true"] {
        right: 0;
    }

    .newsTitle {
        font-size: 20px;
    }

    .newsDate {
        font-size: 16px;
    }

    .newsBody {
        font-size: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .no-left-padding-md {
        padding-left: 0;
    }

    .no-padding-md {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flex-row-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .no-left-padding-lg {
        padding-left: 0;
    }

    .no-padding-lg {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flex-row-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    * {
        word-break: break-word;
    }

    section {
        padding-bottom: 0;
    }

    div.newsItem > div {
        margin-left: -0.5px;
        margin-right: -0.5px;
    }

    div.authorRow > div {
        margin-left: -0.5px;
        margin-right: -0.5px;
    }

    .cartSummaryCoupon {
        padding: 0;
    }

    .cartSummaryCheckout {
        padding: 0;
    }

    .sectionTitle {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .authorData {
        position: absolute;
        bottom: 0;
    }

    .authorName {
        font-size: 18px;
        margin-bottom: 0;
    }

    .authorBiography {
        margin-top: 15px;
        font-size: 15px;
    }

    .fullBookMore {
        display: inline;
        color: #77c24c;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
    }

    .fullBookMore[aria-expanded="true"] {
        display: none;
    }

    .fullAuthorMore {
        display: inline;
        color: #77c24c;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
    }

    .fullAuthorMore[aria-expanded="true"] {
        display: none;
    }

    .fullBookDescription > span > #bookDetails.collapse.in {
        display: inline;
    }

    .respo-bookImage {
        text-align: center;
        margin-bottom: 15px;
    }

    .respo-bookImage > img {
        text-align: center;
        width: 40%;
    }

    .respo-bookPrice {
        text-align: center;
        margin-bottom: 15px;
    }

    .respo-bookData {
        margin-top: 15px;
        text-align: center;
    }

    .bookData {
        margin: 0 auto;
        width: 70%;
    }

    .respo-bookAction {
        text-align: center;
        margin-bottom: 15px;
    }

    .discountPrice {
        font-size: 12pt;
    }

    .fullBookAuthor {
        padding: 0 0;
        font-weight: normal;
        text-transform: none;
        display: block;
        text-align: center;
    }

    .fullBookEditor {
        padding-bottom: 15px;
        font-weight: normal;
        text-transform: none;
        display: block;
        text-align: center;
    }

    .fullBookTitle {
        padding: 0 0;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        text-align: center;
    }

    .fullBookSubtitle {
        text-align: center;
        font-size: 11pt;
        font-weight: normal;
    }

    .cartItemQuantityBox button {
        padding: 1px 4px;
    }

    .cartItemQuantityBox input {
        padding-left: 4px;
        padding-right: 4px;
        height: 24px;
        min-width: 24px;
    }

    .cartItemRemoveBox,
    .cartItemQuantityBox {
        padding: 0;
        text-align: center;
    }

    .cartItemImageBox,
    .cartItemTitleBox,
    .cartItemQuantityBox,
    .cartItemPriceBox,
    .cartItemRemoveBox {
        float: left;
    }

    .cartItemImageBox {
        float: none;
        vertical-align: top;
    }

    .cartItemDataBox {
        float: left;
        padding-left: 0;
        padding-right: 0;
    }

    .cartItemActionBox {
        float: left;
        padding-left: 0;
    }

    .cartSummaryBlock {
        margin-bottom: 70px;
    }

    .cardInfoActionRow {
        text-align: center;
    }

    .registrationOptionsGroup {
        margin-top: 10px;
        width: 33.3333%;
        margin-bottom: 32px;
        float: left;
    }

    .registrationOptionsSubGroup a.actionButton {
        min-width: 0;
        width: 95%;
        font-size: 12px;
    }

    .newsHead {
        position: absolute;
        width: calc(100% - 15px);
        bottom: 0;
        margin-left: -15px;
    }

    .newsTitle {
        overflow-wrap: break-word;
    }

    .newsBody {
        font-size: 16px;
        margin-top: 15px;
    }

    #respo-menuicon-block {
        display: inline-block;
        width: 50%;
        position: absolute;
        top: calc(50% - 15px);
        right: 0;
        text-align: right;
        font-size: 0;
    }

    #respo-menu-control-bar {
        text-align: right;
        font-size: 0;
        height: 40px;
        box-sizing: content-box;
    }

    #default-menu {
        box-sizing: border-box;
        min-height: calc(75% - 40px);
    }

    #respo-menu-bottom-bar {
        box-sizing: border-box;
        min-height: 25%;
        position: relative;
    }

    #respo-menu-bottom-bar-inner {
        position: absolute;
        bottom: 0;
    }

    #respo-searchbar {
        background-color: #77c24c;
        padding: 0 6px;
        margin: 0 -20px;
    }

    #respo-searchbar input {
        width: 100%;
        margin: 6px 0;
    }

    #default-menu > ul.navbar-nav {
        margin: 0 0;
    }

    #default-menu > ul.navbar-nav {
        margin: 0 0;
    }

    ul#respo-login-menu.navbar-nav {
        margin: 0;
    }

    #default-menu > ul.navbar-nav > li {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        float: none;
    }

    #default-menu > ul.navbar-nav > li > a,
    ul#respo-login-menu.navbar-nav > li > a {
        color: #fff;
        padding: 7.5px 0;
        font-weight: bold;
    }

    #default-menu > ul.navbar-nav > li > a > span.caret {
        color: #fff;
        position: absolute;
        width: 8px;
        height: 8px;
        right: 12px;
        margin: 6px 12px;
    }

    #default-menu > ul.navbar-nav > li > a.active {
        color: #fff;
    }

    #default-menu ul.dropdown-menu {
        margin-top: -15px;
    }

    #default-menu ul.dropdown-menu > li > a {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        padding: 2px 0 0 15px;
    }

    #default-menu ul.dropdown-menu > li a:before {
        content: "- ";
        text-indent: -5px;
    }

    #respo-menu-social-bar {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    #respo-menu-social-bar > span.respo-menu-social-separator {
        margin: 0 5px;
    }

    #respo-menu-social-bar a,
    #respo-menu-social-bar span {
        text-transform: uppercase;
        font-size: 12px;
        color: #fff;
    }

    body {
        overflow-x: hidden;
    }

    #site-logo {
        display: inline-block;
        width: 50%;
        margin: 0;
    }

    #site-logo a img {
        max-width: 100%;
    }

    #legalMenu {
        margin-bottom: 20px;
    }

    #legalMenu > ul {
        display: block;
        float: none !important;
        text-align: center;
    }

    #legalMenu > ul > li {
        display: inline-block;
    }

    .addToCartButton {
        width: 100%;
        padding: 8px 4px;
    }

    .carousel_book {
        text-align: center;
    }

    .category_book {
        text-align: center;
        margin-bottom: 30px;
        position: relative;
        height: auto;
    }

    .categoryRow {
        margin-bottom: 0;
    }

    .carousel_bookPrice {
        margin: 15px 0 10px 0;
    }

    .category_bookPrice {
        margin: 15px 0 10px 0;
    }

    .navbar-nav,
    .navbar-nav > li {
        float: none;
    }

    .navbar-header {
        float: none;
        position: relative;
    }

    .respo-menuicon {
        background-image: url(./images/icons3.png);
        display: inline-block;
        max-width: 33.3333%;
        max-height: 30px;
        margin-left: 10px;
        cursor: pointer;
    }

    .respo-menuicon.respo-search {
        background-position: 0 -60px;
    }

    .respo-menuicon.respo-cart {
        background-position: 0 0;
    }

    .respo-menuicon.respo-menu {
        background-position: 0 -30px;
    }

    .respo-menuicon.respo-menuclose {
        background-position: 0 -90px;
        top: calc(50% - 15px);
        position: relative;
    }

    #homepageCarouselSection {
        padding-bottom: 0;
    }

    #homepageCarousel {
        padding-bottom: 0;
    }

    .sectionTitle {
        font-size: 18px;
        margin: 20px 15px;
    }

    .bookCarousel {
        margin-left: 45px;
        margin-right: 45px;
    }

    #menuNavBar {
        padding: 10px 20px 0;
        margin-bottom: 20px;
    }

    #navbar {
        display: block;
        position: fixed;
        width: 66.6666%;
        height: 100vh !important;
        z-index: 999;
        padding: 0 20px;
        right: calc(-66.6666% - 5px);
        top: 0;
        bottom: 0;
        background-color: #77c24c;
        color: #ffffff;
        -webkit-transition: right 0.25s ease-in-out;
        -moz-transition: right 0.25s ease-in-out;
        transition: right 0.25s ease-in-out;
    }

    #navbar div {
        box-sizing: content-box;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #site-logo {
        margin-right: 40px;
    }
}

@media (min-width: 992px) {
    .fullAuthorMore {
        display: none;
    }

    .fullBookMore {
        display: none;
    }

    .authorBiography {
        font-size: 12pt;
    }

    .authorBiography > span > #authorDetails.collapse {
        display: inline;
    }

    .fullBookDescription > span > #bookDetails.collapse {
        display: inline;
    }
}

.cartPaymentMethod p {
    margin: 0;
}

.cartPaymentMethod {
    margin-bottom: 4px;
    /*border: none;*/
    /*padding: 10px;*/
    font-size: 12pt;
    display: none;

    overflow: hidden;

    /*transition: all .5s ease-in-out;*/
    /*line-height: 0;*/
    /*padding: 0 10px;*/
    color: transparent;

    /*padding-top: 40px;*/
    /*margin-top: -40px;*/
    /*display: inline-block; !* required for webkit browsers *!*/
    /*position: relative;*/
    border: 2px solid #77c24c;
    line-height: 1.0;
    padding: 10px;
}

/*.cartPaymentMethod:target {*/
/*    border: 2px solid #77c24c;*/
/*    line-height: 1.0;*/
/*    padding: 10px;*/
/*    !*padding-top: 1em;*!*/
/*    !*padding-bottom: 1em;*!*/
/*    color: black;*/
/*}*/

/*a[name] {*/
/**/
/*}*/


html {
    scroll-behavior: smooth;
}

.newsExcerpt {
    font-size: 12pt;
}

p {
    font-size: 12pt;
    line-height: 1.1;
}

.carouselTitle {
    padding-left: 13px;
}

a.uni-selector {
    height: 160px;
    width: 260px;
    display: inline-block;
    background: #77c24c;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    position: relative;
}

a.uni-selector img {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

a.uni-selector img:first-child {
    max-width: 240px;
    max-height: 120px;
}

a.uni-selector img:nth-child(2) {
    max-width: 240px;
    max-height: 140px;
}

a.uni-selector div.name {
    position: absolute;
    left: 14px;
    top: 10px;
    color: #fff;
    font-size: 22pt;
}

a.uni-selector div.exposition {
    position: absolute;
    left: 14px;
    top: 100px;
    width: 90%;
    color: #fff;
    font-size: 12pt;
    text-align: left;
}

a.dep-selector {
    text-align: center;
}

a.dep-selector div.name {
    font-size: 30pt;
    width: 90%;
}

a.curriculum-link {
    display: inline-block;
    width: 110px;
    height: 24px;
    background: #77c24c;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}

a.curriculum-download-link {
    width: auto;
    padding: 3px;
}

.new_billing_address_row {
    display: none;
}

.billing_address_container {
    padding-left: 40px;
    margin: 15px 0;
}

@media (min-width: 992px) {
    .billing_address_first {
        text-align: right;
    }
}

.address_selector_row {
    padding: 15px
}

.ikgreen {
    color: #77c24c;
}

.ikgreenbkg {
    background: #77c24c;
}

.maroon {
    color: maroon;
}

.red {
    color: red;
}

.magenta {
    color: magenta;
}

.fuchsia {
    color: fuchsia;
}

.pink {
    color: #FAA;
}

.orange {
    color: orange;
}

.yellow {
    color: yellow;
}

.lime {
    color: lime;
}

.green {
    color: green;
}

.olive {
    color: olive;
}

.teal {
    color: teal;
}

.cyan {
    color: cyan;
}

.aqua {
    color: aqua;
}

.blue {
    color: blue;
}

.navy {
    color: navy;
}

.purple {
    color: purple;
}

.black {
    color: black;
}

.gray {
    color: gray;
}

.silver {
    color: silver;
}

.white {
    color: white;
}

.checkout-step {
    padding: 0;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.42857143;
}

mark {
    background: #a6fca9;
}

.sectionTitle a {
    color: #292929;
}

.sectionTitle a:hover {
    color: #77c24c;
}

.ui-autocomplete-category {
    font-weight: bold;
    background-color: #f5f5f5;
    height: 26px;
}

.ui-autocomplete-category a:hover {
    color: black;
}


.ui-autocomplete-category:hover {
    background-color: #b9b9b9;
}


#searchFieldv2 {
    color: #000000;
    border: #000000 1px solid;
    margin: 10px 0 3px;
    text-align: center;
}

li.menu-category-item,
li.menu-category-item:active,
li.menu-category-item:hover {
    font-weight: bold;
    background-color: #efefef;
}

li.menu-category-item div.ui-state-active {
    font-weight: bold;
    background-color: #bebebe;
}

.ui-dialog-title {
    display: none !important;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
}

.ui-button {
    border: none !important;
    background: none !important;
}

.ui-button:hover,
.ui-button:focus {
    border: none !important;
    background: none !important;
    font-weight: normal !important;
    color: #2b2b2b !important;
}

.ui-dialog-titlebar-close {
    right: -0.3em !important;
}

.ui-dialog-content {
    padding: .5em 2em !important;
}

div#dialog {
    display: none;
}

div.category_bookTitle a,
div.category_bookAuthor a {
    color: #292929;
}


.book-indicator {
    width: 20px;
    height: 100px;
    position: absolute;
    top: 40px;
    right: -17px;
}

.book-indicator img {
    margin-bottom: 3px;
}


.book-indicator-bookview {
    width: 20px;
    height: 100px;
    position: absolute;
    top: 40px;
    right: 4px;
}

.book-indicator-bookview img {
    margin-bottom: 3px;
}


.ui-autocomplete {
    z-index: 9999 !important;
}

@media (min-width: 992px) {
    h1.fullBookTitle, h1.authorName {
        font-size: 30px;
    }

    h1.pageTitle {
        font-size: 24px;
    }

}

/* --------------------------------
Title: Read More
Descr: A truncated paragraph with the option of reading more content
Usage: codyhouse.co/license
 */

/* component */
.read-more {
    opacity: 0;
}

.read-more--loaded {
    opacity: 1;
}

.read-more__btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    /*color: inherit;*/
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    /*text-decoration: underline;*/
}


.read-more__btn {
    color: #77c24c;
    font-weight: bold;
    text-transform: uppercase;
}

.rh9-hide {
    display: none !important;
}

/* --------------------------------
 Read More END
 */

.coloredLinearClearDiv {
    border-bottom: 1px solid #77c24c;
    padding-bottom: 10px;
    margin-bottom: 10px;
}