@charset "UTF-8";

html {
  min-height: 100%;
}

body {
  color: #2c2c2c;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.38em;
  background-color: #e7e7e7;
}

#content-column p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.38em;
  padding-right: 30px;
}

article p {
  font-size: 14px;
  font-weight: 300;
}

article p.first-paragraph {
    margin-top: 30px;
}

article table td {
    padding: 10px;
}

h1, h2, h3, h4, h5, h6, .h1 .h2 .h3 .h4 .h5 .h6{
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-style: italic;
  color:  #545454;
  margin: 30px 0 20px 0;
}

h1 {
  font-size: 42px;
}


h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 14px;
}

.heading-2 {
    color: #7c8535;
}

hr {border-color: #777; }

a:hover, a:focus {
  color: #7c8535;
  text-decoration: underline;
}


header {
   background-repeat: no-repeat;
   background-position: 50% top;
   background-size: auto 100%;
   height: 162px;
}

.header-background-1 {
   background-image: url(../images/default-background-xs.png);
}

.header-background-2 {
   background-image: url(../images/author-background-xs.png);
}

.header-background-3 {
    background-image: url(../images/login-background-xs.png);
}

.header-background-4 {
    background-image: url(../images/catalog-background-xs.png);
}


.line {
  border-bottom: 1px solid #CDD1D0;
  display: block;
  margin: 0 0 25px;
}

.logo {
  margin-top: 10px;
  padding-left: 15px;
  z-index: 999;
}

#language-login {
    height: 35px;
    padding-left: 15px;
}

.switcher {
    display: inline;
    padding: 10px 30px 10px 10px;
    float: left;
}

.switcher a {
    color: #545454;
}

.languageLayer {
  display: none;
  position: absolute;
  width: 130px;
  left: 200px;
  top: 0;
  background: #f6bf15;
  border: 0.5px solid #fff;
  height: 60px;
  z-index: 9999;
  padding: 10px 20px 20px;
}
.languageLayer a {
  color: #fff !important;
}
.languageLayer img {
  padding-left: 10px;
  text-align: right;
}
.line {
  border-bottom: 1px solid #CDD1D0;
  display: block;
  margin: 0 0 25px;
}
.line .sub-line {
  display: block;
  margin-bottom: -1px;
  width: 100px;
  border: 2px solid #033915;
}

.topnavigation-login {
    margin-top: 15px;
    height: 65px;
}

.nav-row {
  border-top: 4px solid #efefef;
  padding-top: 10px;
}

#login-button {
    width: 86px;
    height: 35px;
    float: left;
}


.loginlineInner a{
    display: block;
    width: 86px;
    color: #545454;
    text-align: center;
    padding: 5px;
    font-size: 15px;
    border: 1px solid #545454;
}

.navigation {
  height: 50px;
  padding-right: 100px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-brand {
  display: block;
  height: 60px;
  padding: 0;
}

.navbar-brand img {
    height: 60px;
}


.navbar-header {
    margin-top: 30px;
}

.navbar-collapse {
    background-color: #777;
    border: 3px solid #fff !important;
    padding-left: 60px;
    width: 260px;
    margin-left: 15px;
}

#navi-ul {
  margin-top: 10px;
}

.nav-pills a {
  font-size: 16px;
}

form p {
  margin: 10px 0 0 0;
}

.navbar {
  margin: 0;

}

.navbar-inverse {
  background-color: #fff;
  border-color: #080808;
}

#nav-con {
  padding-left: 0;
}

.navbar-nav > li > a {
  padding: 3px 7px 0;
  font-size: 16px;
  font-weight: 300;
  color: #f8f8f8 !important;
  transition: color 300ms ease-in-out 0s;
  height: 30px;
  max-width: 235px;
}

.navbar-nav > li > a:hover {
  color: #fff !important;
}

.navbar-nav > li > a.current {
  color: #f4e811 !important;
}


.navbar-toggle {
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 0;
}

.sub-navigation {
    padding-left: 33px;
    background-color: #d7d7d7;
    margin-top: 60px;
}


#sub-navi ul {
  padding: 5px;
  margin: 0;
}

.nav-stacked {
  margin: 0 0 25px 0;
}

.nav-pills > li {
  display: inline-block;
  background: transparent;
}

.nav-pills > li a {
  padding: 3px 7px;
  color: #726e6d;
  font-size: 16px;
  font-weight: 300;
  border-radius: 0;
}

.nav-pills > li > a:hover {
  color: #545454;
}

.nav-pills> li > a.current {
 color: #545454;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background: transparent;
}

article {
    margin-top: 20px;
}


.nav-tabs > li > a {
  border-right: 1px solid #ddd;
}


.navbar-default .navbar-toggle {
    border-color: #777;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #777;
}

.container-full {
  font-size: 14px;
  line-height: 17px;
}

.footer-links {
    padding: 70px 0;
}

.footer-links section {
    border-right: solid 1px #fff;
}

.footer-links section:last-child {
    border-right: 0;
}


#copyright {
  /*height: 85px;*/
  padding: 30px 0;
  color: #fff;
  margin: 0;
  font-size: 13px;
  background-color: #545454;
}


.footer-copyright p {
    padding-left: 15px;
    text-align: center;
}

.footer-copyright a {
    color: #fff;
    font-size: 13px
}

#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url("../images/back-top-btn.png") no-repeat;
}

#toTopHover {
  background: url("../images/back-top-btn.png") no-repeat;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline: none;
}

/* Login */

#login-form-wrapper {
  background-color: #fbf2c7;
  border: 1px solid #d2000d;
  padding: 10px 10px 10px 15px;
  margin-bottom: 20px;
}

#login-form-wrapper legend {
  font-size: 14px;
}

/* form styles */

.form-control:focus {
  border-color: #d2000d;
}

#loginsub {
  background-color: #e0c797;
  color: #7a227a;
}

#loginsub:hover {
  background-color: #e0c797;
  color: #7a227a;
}


input[type=submit] {
  width: 200px;
  height: 44px;
  border: 0;
  margin: 7px 5px 1px 1px;
  padding: 6px 22px;
  font-weight: 700;
  color: #fff;
  font-size: 14px;
  background: #f5c227;
}

input[type=submit] {
  padding: 4px 12px;
}

input[type=submit]:hover {
  text-decoration: underline;
}

.user_form form input[type=text], #context form input[type=password] {
  width: 200px;
}

.user_form form input[disabled] {
  background: #DDD;
  border-color: #ccc;
}

.user_form form input[type=submit] {
  border: none;
  margin: 10px 0;
  display: block;
}

.user_form form .form_row {
  display: block;
  clear: left;
  margin: 15px 0;
}

.user_form form label {
  width: 160px;
  display: block;
  float: left;
  color: #757575;
  font-size: 9pt;
  overflow: hidden;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 3px 20px 0 0;
  margin: 0;
  letter-spacing: 0;
}

.user_form form .smallhinttxt {
  display: block;
  padding: 3px 0 0 185px;
  font-size: 0.9em;
}

.user_form form label.error {
  color: #e00000;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 0 0 9px 180px;
  font-size: 0.9em;
}

.user_form form input.error, #context form textarea.error {
  color: #e00000;
  border: 1px solid #e00000;
  background: #fff1f3;
}

.user_form form label.small {
  width: 130px;
}

#flash_notice, .flash_notice {
  background: none repeat scroll 0 0 #d2000d;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0 0 11px;
  padding: 4px 9px;
}

form .form_row {
  clear: left;
  display: block;
  margin: 46px 0;
  width: 300px
}

.form_row a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #7c8535;
}

form label {
  width: 90px;
  float: left;
  color: #2c2c2c;
  background: #FFFFFF;
  font-size: 12px;
  overflow: hidden;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 3px 20px 0 0;
  margin: 0;
  letter-spacing: 0;
}

form .smallhinttxt {
  display: block;
  background: #FFFFFF;
  padding: 3px 0 0 185px;
  font-size: 0.9em;
}

form label.error {
  color: #e00000;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 0 0 9px 180px;
  font-size: 0.9em;
}

form label.small {
  background: transparent;
}

form input.error, form textarea.error {
  color: #e00000;
  border: 1px solid #e00000;
  background: #fff1f3;
}

form input[type=text], form input[type=password], form textarea {
  width: 200px;
  height: 32px;
  border: 2px solid #b2b68c;
}

form input[disabled] {
  background: #DDD;
  border-color: #ccc;
}

.partner {
  width: 100%;
  border: 0;
}

.partner tr {
  text-align: center;
}

.partner tr:first-child {
  border-top: 1px solid #eee;
}

.partner tr:nth-child(even) {
  border-bottom: 1px solid #eee;
}

.partner td {
  text-align: center;
  padding: 5px;
}

.partner p {
  padding: 5px;
  text-align: center;
}

.partner-divider {
    background-color: #56207b;
    height: 1px;
    margin: 40px 0px;
}

/* catalog */

.catalog-heading {
    padding-left: 60px;
}

.priceSup {
  font-size: 0.8em;
  line-height: 1;
  padding-right: 3px;
  top: 0.275em;
  vertical-align: text-top;
}

.product_listing h {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
}

.product_listing h3, .product_listing h4 {
    margin: 10px 0 5px;
}

.product_listing td {
  text-align: left;
  vertical-align: top;
  padding: 15px 0 10px 20px;
}

.product_listing td.text {
  padding: 15px 0 10px 15px;
}

.product_listing td.price {
  width: 75px;
  text-align: right;
}

.product_listing td.price h3, .product_listing td.text h3 {
  font-size: 17px;
}

.product_listing td.price h3, .product_listing td.text h3 {
  font-size: 16px;
}

.product_listing td.text h4 {
  font-size: 16px;
}

.product_listing tr {
  border-bottom: 1px solid #7C8535;
}

#searchbar {
  padding: 10px 0 0 30px;
}

#searchbar input[type=text] {
    width: 200px;
    padding-left: 15px;
    font-size: 12px;
    font-weight: 200;
}

#searchbar input[type=submit] {
    width: 85px;
     border-radius: 16px;
}

.book_price_detail {
  font-size: 23px !important;
}

.box {
  margin-bottom: 20px;
  padding: 0 15 px 30px 15px;
}

#logo-cols {
  padding-left: 0;
}

#naviundlogin {
  padding-left: 0;
  padding-right: 0;
}

#content-column {
  padding-bottom: 30px;
}



/* Login - small */
.divlogin {
  padding: 10px;
}

.loginformdiv {
  margin-top: 30px;
  padding: 5px;
  text-align: center;
}

.loginput {
  margin-right: 5px;
}

/* catalogue */

.book_thumb { width: 90px !important;}
.text { width: 155px;}

.pagination ul li,.pagination ul li a {
    display: inline-block;
    padding-right: 10px;
    font-size: 18px;
    color: #7c8535;
}

.pagination .prev,.pagination .next, .pagination .next a,.pagination .prev a {
    font-size: 14px !important;
    color: #545454 !important;
}

.pagination ul {
    padding-left: 180px;
}

.pagination .prev {

}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #7a227a;
  border-color: #7a227a;
}

.our_offers {
    background: url("../images/our_offers.jpg") no-repeat;
    background-size: 40px 26px;
    background-position: left 60%;
    padding-left: 50px;
}

/*#mc_embed_signup_scroll {
    width: 224px;
    margin-left: 20px;
    padding: 5px;
}*/

/* Media queries */

@media (min-width: 350px) {
    header {
        height: 209px;
    }

    .sub-navigation {
        margin-top: 0;
    }

}

@media (min-width: 400px) {
    header {
        height: 232px;
    }

    .loginlineInner a {
    border: 1px solid #f4e811;
    color: #f4e811;
    display: block;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    width: 86px;
    }

    .switcher a {
    color: #f6bf15;
    font-size: 14px;
}
}

@media (minx-width: 450px) {
    header {
        height: 256px;
    }
}

@media (min-width: 500px) {
    header {
        height: 279px;
    }
}

@media (min-width: 550px) {
    header {
        height: 302px;
    }
}

@media (min-width: 600px) {
    header {
        height: 325px;
    }
}

@media (min-width: 650px) {
    header {
        height: 348px;
    }
}


@media (min-width: 768px) {

    .logo {
        margin-top: 10px;
        padding-left: 33px;
    }

    .topnavigation-login {
        margin-top: 25px;
    }

   #language-login {
        height: 35px;
        padding-right: 160px;
        padding-left: 0;
   }

   #login-button {
    float: right;
    }

    .switcher {
    display: inline;
    padding: 10px 30px 10px 0;
    float: right;
    }

    .languageLayer {
        left: 390px;
        top: -10px;
    }

    .navigation {
        padding-right: 160px;
    }

    .navbar-collapse {
        background-color: transparent;
        width: auto;
        border: 0 !important;
    }

    .navbar-brand {
        height: 80px;
    }

    .navbar-brand img {
        height: 80px;
    }

    .header-background-1 {
   background-image: url(../images/header-background.png);
    }

    .header-background-2 {
   background-image: url(../images/author-background.png);
    }

    .header-background-3 {
    background-image: url(../images/login-background.png);
    }

    .header-background-4 {
    background-image: url(../images/catalog-background.png);
    }

    header {
        height: 460px;
        background-size: auto 460px;
    }


    .sub-navigation {
        margin-top: 220px;
        background-color: transparent;
    }


    #content-column p {
        font-size: 16px;
    }

    body {font-size: 16px;}
    h1 {font-size: 48px;}
    h2 {font-size: 40px;}
    h3 {font-size: 34px;}
    h4 {font-size: 28px;}
    h5 {font-size: 22px;}
    h6 {font-size: 16px;}

    form input[type="text"], form input[type="password"], form textarea {width: 326px;}
    input[type="submit"] {width: 328px;}
    form .form_row {width: 584px;}
    #searchbar input[type="text"] {width: 520px;}
    .book_thumb { width: auto !important;}
    .text { width: auto !important;}
    .product_listing td.price { width: 75px !important;}
    .product_listing h3, .product_listing h4 {
        margin: 30px 0 20px;
    }
    .footer-copyright p {text-align: left;}
    .catalog-heading {padding-left: 180px;}
}


@media (min-width: 992px) {
    .topnavigation-login {
        height: 75px;
    }

    .navbar-brand {
        height: 100px;
    }

    .navbar-brand img {
        height: 100px;
    }

    header {
        height: 557px;
        background-size: auto 557px;
    }

    .logo {
        margin-top: 30px;
        padding-left: 60px;
    }

    .sub-navigation {
        margin-top: 320px;
        padding-left: 0;
    }

    #sub-navi {
        padding-left: 72px;
        background-color: transparent;
    }
}

@media (min-width: 1200px) {
    .navbar-brand {
        height: 120px;
    }

    .navbar-brand img {
        height: 120px;
    }

    .logo {
        padding-left: 53px;
    }

    header {
        height: 604px;
        background-size: auto 604px;
    }

    .logo {
        margin-top: 30px;
    }

    .sub-navigation {
        margin-top: 400px;
        padding-left: 0;
    }

    #sub-navi {
        padding-left: 35px;
        background-color: transparent;
    }
}

/* Media queries end*/

/* changes mailchimp */
#mc_embed_signup_scroll, #mc-embedded-subscribe {
    font-size: 12px !important;
}

#mc_embed_signup_scroll p {
    font-size: 12px;
}

/*#mc_embed_signup .mc-field-group input {
    width: 180px !important;
}*/

.e-brochure {
  margin: 20px 0;
  padding: 10px 0;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.site-footer__grid {
  color: #FFF;
  background-color: #545454;
  padding: 60px 0 0;
}

.site-footer__grid a {
  color: #f4e811;
}

.site-footer__grid__title {
  color: #FFF;
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 30px;
}

.site-footer__grid__logo {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 40px 20px;
  text-align: center;
  margin-bottom: 10px;
}

.site-footer__grid .btn-lg {
  color: #000;
  font-weight: 600;
  font-size: 22px;
  padding: 10px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:rgba(0, 0, 0, 1);transform:;-ms-filter:'%3E%3Cpath d='M21.822,7.431C21.635,7.161,21.328,7,21,7H7.333L6.179,4.23C5.867,3.482,5.143,3,4.333,3H2v2h2.333l4.744,11.385 C9.232,16.757,9.596,17,10,17h8c0.417,0,0.79-0.259,0.937-0.648l3-8C22.052,8.044,22.009,7.7,21.822,7.431z'%3E%3C/path%3E%3Ccircle cx='10.5' cy='19.5' r='1.5'%3E%3C/circle%3E%3Ccircle cx='17.5' cy='19.5' r='1.5'%3E%3C/circle%3E%3C/svg%3E");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left 12px center;
  padding-left: 40px;
}

.social-url {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-url__item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.social-url__link {
  padding: 8px;
  border-radius: 3px;
  display: inline-block;
  background-color: #666;
}

.social-url__link img {
  width: 24px;
  height: 24px;
}

.site-footer__bottom {
  color: #FFF;
  font-size: 14px;
  padding: 10px;
  margin-top: 30px;
  background-color: #333;
}

.site-footer__bottom a {
  color: #FFF;
}

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

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

@media(max-width: 991px){
  .site-footer__grid__news {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}