* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img { border:none;}
a { color:#ef933c; text-decoration:none; cursor: pointer;}
a:hover { color:#ef933c; text-decoration:underline;}
strong, b { font-weight:700;}
em, i { font-weight:400; font-style:italic;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
button {
     -webkit-appearance: none;
     border-radius: 0;
}
::-webkit-input-placeholder { color:rgba(23.18.25,.5); opacity:1}
::-moz-placeholder {color:rgba(23.18.25,.5);  opacity:1}
:-ms-input-placeholder { color: rgba(23.18.25,.5);  opacity:1}
:-moz-placeholder { color: rgba(23.18.25,.5);  opacity:1}

html { font-size:100%;}

body {padding:0; margin:0; font-family: 'Roboto', sans-serif; font-size:16px; font-size:1rem; font-weight:400; color:#424242; background:#f8f8f8;}
.wrapper {padding: 0; margin: 0 auto; width: 100%; max-width: 1334px;}
.wrapper:after { content: ''; display: block; clear: both;}
.wrapper-slider {padding: 0; margin: 0 auto; width: 100%; max-width: 1920px;}
.wrapper-slide:after { content: ''; display: block; clear: both;}

h1 {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size:2rem; font-weight:700; color: #2e294e}
h2 {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size:1.5rem; font-weight:700; color: #ef933c}
h3 {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size:1rem; font-weight:700; color: #ef933c; text-transform: uppercase;}
h4 {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size:1.125rem; font-weight:700; color: #2e294e;}
h5 {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size:1rem; font-weight:700; color: #2e294e;}
h6 {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400;}

/** Header **/
header {width:100%; display: block; padding: 1rem 0;}
.logo {width:32%; float: left;}
.logo img {width: 100%; max-width: 110px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
.slogan {font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight:700; font-style: italic; color: #ef933c}

/* NAV */  


#category_menu ul {
  margin: 0;
  padding: 0;
}
#category_menu .main-menu {
  display: none;
}
#tm:checked + .main-menu {
  display: block;
  margin-top: 1rem;
}
#category_menu input[type="checkbox"],
#category_menu ul span.drop-icon {
  display: none;
}
#tm:checked + .main-menu .nav {
  padding-left: 0rem;
}
#category_menu li,
#toggle-menu,
#category_menu .nav {
}
#category_menu li,
#toggle-menu {
}
#category_menu .nav {
  background-color: #2e294e;
}
#category_menu .nav li:last-child {
}

#category_menu li,
#toggle-menu,
#category_menu a {
  position: relative;
  display: block;
  text-decoration: none;
}
#toggle-menu {

}

#category_menu a {
  padding: 0.5rem 0 0 1rem;
  border-bottom: 0px solid #ffffff;
  position: relative;
}
#category_menu a:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #ffffff;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 3;
}
#category_menu a {
  transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}
#category_menu a:hover {
  background-color: #fff;
  color: #2f3136;
  border-bottom: 1px solid #d8c4b5;
  position: relative;
}
#category_menu a:hover:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #ffffff;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 3;
}

.lisubnav ul li{
  transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
  padding-left: 1rem;
}

#category_menu .nav {
  display: none;
}
#category_menu input[type="checkbox"]:checked + .nav {
  display: block;
}
#category_menu .nav a:hover {
  color: #444;
}
#toggle-menu .drop-icon,

#category_menu .nav li a {
  color: #ffffff;
}

@media only screen and (max-width: 1024px) and (min-width: 1000px) {
  #category_menu li {
    width: 100%;
  }
  #category_menu .nav li {
    width: 100%;
  }
}

@media only screen and (min-width: 999px) {
  #category_menu .main-menu {
    display: block;
  }
  #toggle-menu,
  #category_menu label.drop-icon {
    display: none;
  }
  #category_menu ul span.drop-icon {
    display: inline-block;
    position: absolute;
    left: 0;
  }
  #category_menu li {
    float: left;
    width: 100%;
  }
  #category_menu .nav li {
    float: none;
  }
  #category_menu .nav {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 100%;
    width: 280px;
    z-index: 3000;
   }
   
  #category_menu .nav {
   
  }
 
  #category_menu .nav,
  #category_menu input[type="checkbox"]:checked + .nav {
    display: none;
  }
  #category_menu .nav li {
    border-width: 0 0 1px;
  }
  #category_menu .nav .nav {
    top: 0;
    left: 100%;
  }
  #category_menu li:hover > input[type="checkbox"] + .nav {
    display: block;
  }
}


.menu-wrapper { position: relative; z-index: 10; font-size:1rem; font-weight:700; width:68%; float:left; text-align: right; padding-top: 1.2rem;}
.menu-wrapper .menu { margin: 0; padding-left: 0; list-style: none;}
.menu-wrapper .menu > li { position: relative; padding:0; display: inline-block;}
.menu-wrapper .menu li.has-subnav { background: url(../images/arrow.png) no-repeat right center;}
.menu-wrapper a.menu-link { display: none;}
.menu-wrapper a { display: inline-block; position: relative; padding:0 .6rem; margin:0; line-height:2.573rem; color: #747474; text-decoration: none;}
.menu-wrapper .menu li.has-subnav a {padding-right: 1.2rem}
.menu-wrapper a:hover {color: #2e294e; text-decoration: none !important;}
.menu-wrapper .menu > .current-menu-item > a, .menu-wrapper .menu > .current-menu-ancestor > a { position: relative; z-index: 12;}
.menu-wrapper a.active {color: #2e294e}
.menu-wrapper a.accent { color:#ffffff; background:#ef933c; border-radius:25px;}
.menu-wrapper a.accent:hover {background:#2e294e;}

.menu-wrapper .sub-menu { padding:0; margin-left:1rem; margin-top:0; position: absolute; z-index:200; max-height: 0em; overflow: hidden; list-style: none outside none; text-align: left;  text-transform: none; }
.menu-wrapper .sub-menu li { display: block; background: #ef933c; border-bottom:1px solid #ffffff; font-weight:400;}
.menu-wrapper .sub-menu a { margin: 0; border: none; padding:.5rem 1rem; display:block; line-height: normal; width: 250px; color: #ffffff; text-decoration: none;}
.menu-wrapper .sub-menu a:hover { background:#2e294e; color:#ffffff; text-decoration: none}
.menu-wrapper li:hover .sub-menu { max-height: 30em; transition: max-height 0.5s;}

.top_line {width: 100%; display: block; background: #ef933c; padding: .3rem;}
.top_row {float: right; width: calc(100% - 310px);}
.top_line.inner .top_row {width: calc(100% - 330px);}
.search {background: #ffffff; width: 62%; float: left;}
.basket {width: 38%; float: left; font-size: .875rem; padding-left: 15%; padding-top: .2rem}
.basket a {color:#ffffff; text-decoration: none;}
.basket a img {float: left; margin: .5rem 1rem}
.number_m {display: none;}
.search input[type=text] {width: calc(100% - 2.375rem); height: 2.375rem; float: left; background: none; border: none; padding: 0 1rem; margin: 0; color: #2e294e; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400;}
.search input[type=submit] {padding: 0; margin: 0; background: url(../images/search.png) no-repeat center center; border: none; width:2.375rem; height: 2.375rem; float: left}

.top_home {width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.genre {width:270px; background: #2e294e; margin-right: 40px; position: relative; z-index: 5; margin-top: -2.7rem; padding:0 0 0 1rem}
.genreupbuton {width:270px; background: #2e294e; position: relative; z-index: 5; margin-top: -1.5rem; }
.genre button {width: calc(100% - 1rem); height: 2.5rem; margin-right: 1rem; background: none; border:none; border-bottom: 1px solid #4f5e83; text-align: left; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:700; color:#ffffff; text-transform: uppercase}
.genre button span {float: right}
.genre ul {padding:1rem 0; margin: 0; list-style: none; font-size: .875rem;}
.genre ul li {display: block; width: 100%; line-height: 2}
.genre ul li a {color: #ffffff; text-decoration: none;}
.genre ul li a.active, .genre ul li a:hover {color: rgba(255,255,255,.8); text-decoration: none; background-color:#ef933c; border:1px solid #000000;}
.genre ul li a.active:before, .genre ul li a:hover:before {content: '\2022'; display: inline-block; float: left; color: #ef933c;  padding-right:.6rem;}
.slider_home {width: 100%; margin-top: 1rem; align-self: center;}
.slider_home .item {width:100%;}
.slider_home .owl-prev { font-size: 0; background: url(../images/prev2.png) no-repeat top left; width: 20px; height:32px; position: absolute; left:30px; top:50%; transform: translateY(-50%)}
.slider_home .owl-next { font-size: 0; background: url(../images/next2.png) no-repeat top left; width: 20px; height: 32px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%)}
.slider_home img {width: 100%;}

.slider_soon {width: 100%;  align-self: center;}
.slider_soon .item {width:100%;}
.slider_soon .owl-prev { font-size: 0; background: url(../images/prev2.png) no-repeat top left; width: 20px; height:32px; position: absolute; left:-50px; top:50%; transform: translateY(-50%)}
.slider_soon .owl-next { font-size: 0; background: url(../images/next2.png) no-repeat top left; width: 20px; height: 32px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%)}
.slider_soon img {width: 100%;}

/** New Books **/
.new_books {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:3.5rem 0}
.new_books .section_title {display: block; width: 100%; text-transform: uppercase; text-align: center; font-weight: 700; padding-bottom: 1.5rem;}
.new_books .section_title a, .new_books .section_title a:hover {color:#2e294e; text-decoration: none;}
.new_books .item { width: 14.285%; padding: 0 0 1.5rem 0}
.new_books .item img {max-width: 100%; max-height: 250px; margin-bottom: .5rem}
.new_books .item a {font-size:.875rem; color: #000000; text-decoration: none;}
.new_books .item a strong {font-size: 1rem; color: #2e294e; display: inline-block; padding-top: .5rem; height: 49px; overflow: hidden; text-overflow: ellipsis;}

.new_books .button {width:100%; clear: both; padding: 1.5rem .5rem; text-align: center; text-transform: uppercase; font-size: .875rem; font-weight: 700;}
.new_books .button a {color:#ffffff; text-decoration: none; background: #ef933c; display: inline-block; padding: .8rem 2rem; -webkit-border-radius:1.6rem; border-radius:1.6rem; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out}
.new_books .button a:hover {background: #2e294e}

.row {width: 100%; display: block; clear: both; background: #f8f3ee; padding: 2rem 0;}
.row .wrapper {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row .col:first-of-type {width: 22%; border-right: 1px dashed #f5d6b8; padding: 0}
.row .col {width: 28%; border-right: 1px dashed #f5d6b8; padding:0 0 0 5rem}
.row .col2 { width: 50%;  padding-left: 5.5rem}
.row .item { width: 100%; padding: 0 0 1.5rem 0; float: left}
.row .col2 .item {width: 50%; text-align: right; padding-bottom: 0}
.row .colsoon .item {width: 100%; text-align: right; padding-bottom: 0}
.row .col2 .item:first-of-type {text-align: left}
.row .item img {max-width: 100%; max-height: 330px; margin-bottom: .5rem; float:left; padding-right:8px;}
.row .item a {font-size:.875rem; color: #000000; text-decoration: none;}
.row .item a strong {font-size: 1rem; color: #2e294e; display: inline-block; padding-top: .5rem; height: 49px; overflow: hidden; text-overflow: ellipsis;}
.row .section_title {display: block; width: 100%; text-transform: uppercase; font-weight: 700; padding-bottom: 1.5rem; color: #ef933c}
.row .section_title_news {display: block; width: 100%; text-transform: uppercase; font-weight: 700; padding-bottom: 1.5rem;padding-top: 1.5rem; color: #ef933c}
.row .section_title a, .row .section_title a:hover {color:#ef933c; text-decoration: none;}
.row .section_title_news a, .row .section_title_news a:hover {color:#ef933c; text-decoration: none;}
.row .col2 .item a {display: inline-block; text-align: left !important}

.row .button {width:100%; clear: both; padding: 1rem .5rem 0; text-transform: uppercase;}
.row .button a {color:#ffffff; text-decoration: none; background: #ef933c; display: inline-block;  font-size: .75rem; font-weight: 700; padding: .4rem 1rem; -webkit-border-radius:1rem; border-radius:1rem; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out}

.banner {width: 100%; display: block; clear: both; padding: 3rem 1rem; text-align: center}
.banner img {max-width: 100%;}
.banner + .row {background: none}

.newsletter {width: 100%; display: block; clear: both; padding: 3rem 1rem; text-align: center; background: url(../images/newsletter-bgr.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover;}
.newsletter .section_title {display: block; width: 100%; text-transform: uppercase; font-weight: 700; color: #2e294e}
.newsletter .section_title p {padding:1rem 0; margin: 0; line-height: 1.35;}
.newsletter input[type=text] {padding: 0 1rem; margin: 0; background: #ffffff; border: none; color: #2e294e; width:100%; max-width: 315px; height: 2rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400; display: inline-block; vertical-align: top;}
.newsletter input[type=email] {padding: 0 1rem; margin: 0; background: #ffffff; border: none; color: #2e294e; width:100%; max-width: 315px; height: 2rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400; display: inline-block; vertical-align: top;}
.newsletter input[type=submit] {padding: 0 1rem; margin: 0; background: #2e294e; border: none; color: #ffffff; width:100%; max-width: 145px; height: 2rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400; text-transform: uppercase; display: inline-block; vertical-align: top;}

.newsletter .button {width:100%; clear: both;  text-transform: uppercase;}
.newsletter .button a {padding: 0.5rem 0; margin: 0; background: #2e294e; border: none; color: #ffffff; width:100%; max-width: 145px; height: 2rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400; text-transform: uppercase; display: inline-block; vertical-align: top;}


footer {width: 100%; display: block; clear: both; padding: 3rem 0;  background: #2e294e; color: #ffffff;}
footer a {color: #ffffff; text-decoration: none;}
footer a:hover {color: #ffffff; text-decoration: underline;}
footer .col {width: 20%; float: left; font-size: .875rem; padding-bottom: 1.5rem;}
footer .col:last-of-type {text-align: right}
footer .col img {width: 100%; max-width: 220px; display: inline-block; margin-bottom: 1rem;}
footer .section_title {display: block; width: 100%; text-transform: uppercase; font-size: .875rem; font-weight: 700; color: #ffffff; line-height: 1.8;}
footer ul {padding: 0; margin: 0; list-style: none;}
footer ul li {display: block; line-height: 1.8}
.copyright {width: 100%; float: left; padding: 1rem 0; text-align: center; font-size: .75rem; border-top: 1px solid rgba(255,255,255,.2)}

.left_home {width:calc(100% - 330px); padding-right: 2rem;}
.sidebar {width:330px; background: #ebf4f8; padding: 1rem 1rem 0; position: relative}

.news {width: 100%; float: left; border-bottom: 1px dashed rgba(46,41,78,.2) }
.news .item {width:33.33%; float: left; padding-right: 2.5rem;border-bottom: none}
.row .news .item a {color:#2e294e; text-decoration: none; font-size: 1rem; font-weight: 700; line-height: 1.5;}
.news .item p {padding: 0; margin: .5rem 0; line-height: 1.5} 
.news .item p.date {font-size:.813rem; color: #747474;}

.col_x3 {width: 100%; float: left; border-bottom: 1px dashed rgba(46,41,78,.2) }
.col_x3 .item {display:flex; height:1170px; flex-direction:column;justify-content:start;width:33.33%; float: left; padding: 2rem 2.5rem 2rem 0}  

.row .col_x3 .item a {display:block;color:#2e294e; text-decoration: none; font-size: 1rem; font-weight: 700; line-height: 1.5;  height:40px;}
.row .col_x3 .item .section_title a {font-size: 1rem; color: #ef933c;}
.col_x3 .item p {padding: 0; margin: .5rem 0; line-height: 1.5} 
.col_x3 .item p.date {font-size:.813rem; color: #747474;}    
.row .col_x3 .item a.soon_itemhref {width:100%; display:flex; align-items:center; justify-content:center; height:200px;margin:1rem 0}
.row .col_x3 .item a.more {margin-top:auto;font-size: 1rem; color: #ef933c;}
.uitemtext{ max-height:852px;overflow-y:clip}
.col_x3 .item a img {float: left; max-width: 100%; margin-right: 1rem;}
.col_x3 .item a.author {font-size: .875rem; color: #000000; text-decoration: none; font-weight: 400; display: block;}
.col_x3 .item a.book_title {font-size: .875rem; color: #2e294e; text-decoration: none; font-weight: 400; display: block;}
.col_x3 .item a.book_title strong {font-size: 1rem; display: inline; padding-top:0; height: auto; overflow:auto;}
.col_x3 .item a.read_more, .col_x2 .item a.read_more {display: inline-block; clear: left; font-size: .75rem; font-weight: 400; color: #ef933c; text-decoration: none; border: 1px solid #ef933c; -webkit-border-radius: 3px; border-radius: 3px; padding: .2rem .5rem; margin-top: .5rem;}

.col_x2 {width: 100%; float: left;}
.col_x2 .item {width:50%; float: left; padding: 2rem 2.5rem 2rem 0}
.col_x2 .item p {padding:0; margin: 0 0 1rem; line-height: 1.5;}
.col_x2 .item p strong {color:#2e294e;}
.col_x2 .item p small {font-size: .875rem;}  

.col_x1 {width: 100%; float: left;}
.col_x1 .item {width:100%; float: left; padding: 2rem 2.5rem 2rem 0}
.col_x1 .item p {padding:0; margin: 0 0 1rem; line-height: 1.5;}
.col_x1 .item p strong {color:#2e294e;}
.col_x1 .item p small {font-size: .875rem;}

.sidebar .section_title {color: #2e294e}
.sidebar .item {width:100%;}
.sidebar .owl-prev { font-size: 0; background: url(../images/prev.png) no-repeat top left; width: 11px; height:18px; position: absolute; right:30px; top: -40px;}
.sidebar .owl-next { font-size: 0; background: url(../images/next.png) no-repeat top left; width: 11px; height: 18px; position: absolute; right: 0; top: -40px;}
.sidebar .top_book {width: 100%; float: left; border-bottom: 1px dashed rgba(46,41,78,.1); position: relative; padding: 1.5rem 0 1rem 1rem;}
.sidebar .top_book:last-of-type {border-bottom: 1px dashed rgba(46,41,78,0); padding: 1.5rem 0 0 1rem;}
.sidebar .top_book img {max-width: 120px; float: left; margin-right: 1rem;}
.sidebar .top_book .number {position: absolute; top: .8rem; left: 0; width: 32px; height: 32px; background: #ffffff; border-radius: 50%; text-align: center; line-height: 32px;}
.row .item  .top_book a strong {display: inline}



/**Inner Pages **/
.top_inner {width: 100%; display:block;}
.left_inner {width:270px; margin-right: 20px; position: relative; z-index: 5; margin-top: 0; float: left;}
.left_inner .genre {width:100%; background: #2e294e; padding:0 0 0 1rem}
.right_inner {width: calc(100% - 310px); margin-top: 1rem; float: left; }
.right_inner h1 {padding-left: 2.5rem;}
.small_banners {width: 100%; float: left; padding-bottom: 1rem;}
.small_banners img {display: block; width: 100%; margin-top: 1rem}

.path {padding: 1rem 2.5rem; margin: 0; width: 100%; float: left; font-size: .813rem; color: #747474}
.path a {color: #747474; text-decoration: none;}
.path a:hover {color: #747474; text-decoration: underline;}
.path div { display: inline}

.book_container {width:100%; float: left; padding-bottom: 2rem;}
.book_container .item { width: 25%; float: left; padding: 0 0 1.5rem 3rem; }
.book_container .item:before {border-top: 1px dashed #d3d2d9; content: ''; display: block; width: 100%; padding-bottom: 2.5rem;}
.book_container .item:nth-of-type(4n+1) {padding-left: 2.5rem; clear: left;}
.book_container .item img { max-width: 100%; max-height: 330px; margin-bottom: .5rem;}

.book_container .item:nth-of-type(1):before, .book_container .item:nth-of-type(2):before, .book_container .item:nth-of-type(3):before, .book_container .item:nth-of-type(4):before { border-top: 0px dashed #d3d2d9; }

.book_container .item a.author_name {font-size:.875rem; color: #000000; text-decoration: none; display: block;}
.book_container .item a.book_name {font-size: 1rem; color: #2e294e; text-decoration: none; display: block; padding-top: .5rem; height: 49px; overflow: hidden; text-overflow: ellipsis; font-weight: 700;}
.price {display: block; font-size: .75rem; color: #747474}
.old_price {text-decoration: line-through}
.new_price {color: #ef933c; font-size: 1.05rem; font-weight: 600;}
.book_container .button {width:100%; clear: both; padding: 1rem 0; text-transform: uppercase; font-size: .75rem; font-weight: 700;}
.book_container .button a {color:#ffffff; text-decoration: none; background: #ef933c; display: inline-block; padding: .5rem 1.5rem; -webkit-border-radius:1.6rem; border-radius:1.6rem; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out}
.book_container .button a:hover {background: #2e294e}

.pagination {width:calc(100% - 2.5rem); margin:2rem 0 2rem 2.5rem; padding: 2rem 0; float: left; color:#2e294e; border-top: 1px dashed #d3d2d9; border-bottom: 1px dashed #d3d2d9; line-height: 44px;}
.previous_page {padding:0; margin:0; width:30%; float:left; font-size: .875rem;}
.next_page {padding:0; margin:0; width:30%; float:left; text-align: right;  font-size: .875rem;}
.pages {padding:0; margin:0; width:40%; float:left; text-align:center; font-size:1.125rem;  font-weight: 700;}

.pagination a { color:#2e294e; text-decoration:none;}
.pagination .pages a { color:#2e294e; text-decoration:none;  display: inline-block; width: 44px; height: 44px;}
.pagination .pages a:hover { color:#ffffff; text-decoration:none; background: #2e294e; border-radius: 50%;}
.pagination .pages strong { color:#ffffff; text-decoration:none; background: #2e294e; border-radius: 50%;  display: inline-block; width: 44px; height: 44px;}
.pagination img {vertical-align: middle;}
.pagination .previous_page img {margin-right: .5rem;}
.pagination .next_page img {margin-left: .5rem;}
.pagination .previous_page a:hover, .pagination .next_page a:hover {color: #2e294e; text-decoration: underline;}

a.author_image {width: 100%; max-height: 240px; overflow: hidden; display: block;}
a.author_image img {padding-top: 0 !important; border-top: none !important}
.book_container .item:nth-of-type(1) a.author_image, .book_container .item:nth-of-type(2) a.author_image, .book_container .item:nth-of-type(3) a.author_image, .book_container .item:nth-of-type(4) a.author_image { border-top: 0px dashed #d3d2d9;}
ul.book_list {padding: 0; margin: 0 0 0 1rem; list-style:disc; font-size: .875rem; color: #ef933c}
ul.book_list li {}
ul.book_list li a {color: #000000; text-decoration: none;}
ul.book_list li a:hover {color: #000000; text-decoration: underline;}

a.more_titles {display: inline-block; color: #ef933c; text-decoration: none; font-size: .75rem; margin-top: .5rem; background: none; border: 1px solid #ef933c; -webkit-border-radius: 3px; border-radius: 3px; padding: .2rem .5rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
a.more_titles:hover { color: #ffffff; text-decoration: none; background: #ef933c;}

.alphabet {width: 100%; float: left; padding: 1rem 1rem; margin: 2rem 0; background: #ebf4f8; text-align: center}
.alphabet a {display: inline-block; color: #2e294e; text-decoration: none; padding: .5rem;}
.alphabet a:hover {color: #2e294e; text-decoration: underline;}

.news_item {width: calc(50% - 2.5rem); float: left; margin-left: 2.5rem; padding-bottom: 2.5rem}
.news_item h3 {padding: 0; margin: 0; font-weight: 700; font-size: 1rem;}
.news_item h3 a {color:#2e294e; text-decoration: none;}
.news_item p {padding: 0; margin: .5rem 0; line-height: 1.5} 
.news_item p.date {font-size:.813rem; color: #747474;}

.book_container .news_item:before {border-top: 1px dashed #d3d2d9; content: ''; display: block; width: 100%; padding-bottom: 2.5rem;}
.book_container .news_item:nth-of-type(1):before, .book_container .news_item:nth-of-type(2):before { border-top: 0px dashed #d3d2d9; }
.book_container .news_item:nth-of-type(2n+1) {clear: left;}
.book_container .news_item img { max-width: 100%; margin-bottom: .5rem;}

.text_box {width:100%; float: left; padding: 2.5rem;}
.news_image {float: right; margin: 0 0 2rem 2rem}

.text_box p {padding: 0; margin: 1.5rem 0; line-height: 1.5} 
.text_box p.date {font-size:.813rem; color: #747474;}

.fb_shares {width:100%; float: left; padding: 0 0 2.5rem 0; clear: both}

.left_inner.full #genre {position: absolute; background: #2e294e; left: 0; width: 100%; padding: 1rem 0 1rem 1rem}
.full_page {width:100%; float: left; padding: 1rem 0 4rem}
.full_page .path {padding-left: 0}
.author_description {width:100%; float: left; padding: 1rem 0 3rem}
.author_image_main {width:22%; float: left;}
.author_image_main img {width: 100%;}
.author_info {width: 78%; float: left; padding-left: 3rem; position: relative}
.author_info a.more_titles {position: absolute; right: 0; top: 0}
.author_info p {padding: 0; margin: 1.5rem 0; line-height: 1.5} 
.buttons {width:100%; float: left; padding: 1rem 0}
.buttons img {vertical-align: middle; margin-right: .3rem;}
.buttons a {display: inline-block; color: #ffffff; text-decoration: none; font-size: .875rem; padding: .3rem .5rem;}
.buttons a.official { background: #ef933c}
.buttons a.share { background: #2e294e}


.row .book_container .item { width: 20%; float: left; padding:1.5rem 3rem 1.5rem 0;}
.row .book_container .item:before {display: none;}
.row .book_container .item:after {display: block; content: ''; border-top: 1px dashed #d3d2d9; width: 100%;}
.row .book_container .item:nth-of-type(4n+1) {padding-left:0; clear: none;}
.row .book_container .item:nth-of-type(5n+1) {padding-left:0; clear: left;}
.book_container .item img { max-width: 100%; max-height: 330px; margin-bottom: .5rem;}
.row .book_container .item .button {padding-bottom: 2rem}

.basket_container {width:calc(100% - 280px); float: left; padding-right: 2rem;}
.right_basket {width:280px; float: right;}

table.basket_full {padding: 0; margin: 0; width: 100%; border-collapse: collapse;}
table.basket_full tr td {padding: 2.5rem  1rem 1rem 1rem; margin: 0; background: #ebf4f8; border-bottom: 3px solid #f8f8f8; vertical-align: top}
table.basket_full tr td:first-of-type {width:10%; padding-top: 1rem}
table.basket_full tr td:nth-of-type(2) {width:25%;}
table.basket_full tr td:nth-of-type(3) {width:15%;}
table.basket_full tr td:nth-of-type(4) {width:15%;}
table.basket_full tr td:nth-of-type(5) {width:20%;}
table.basket_full tr td:nth-of-type(6) {width:15%;}


table.basket_full tr td small {font-size: .875rem;}
table.basket_full tr td:first-of-type img {max-width: 60px; border: 3px solid #ffffff;}
table.basket_full tr td:nth-of-type(2) a {color:#2e294e; text-decoration: none}
table.basket_full tr td:nth-of-type(2) a span {font-size: .875rem; color: #424242}
table.basket_full tr td:nth-of-type(2) a span strong {color:#2e294e; font-weight: 400;}
table.basket_full tr td:nth-of-type(2) a:hover {text-decoration: none}
table.basket_full tr td:nth-of-type(5) strong {color:#2e294e;}
table.basket_full tr td:nth-of-type(6) a.delete {background: #ef933c; border: 1px solid #ef933c; -webkit-border-radius: 5px; border-radius: 5px; color: #ffffff; text-decoration: none; font-size: .875rem; padding: .5rem 1rem; display: inline-block}
table.basket_full tr td:nth-of-type(6) a.delete:hover {background: #ffffff; border: 1px solid #ef933c; color: #ef933c; text-decoration: none;}
table.basket_full .number{background: #ffffff; width: 172px; padding: 2px; display: inline-block;}
table.basket_full .minus, table.basket_full .plus {width:30px; height:30px; background:#ebf4f8; display: inline-block;  vertical-align: middle; line-height: 26px;  text-align: center;	}
table.basket_full input{height:30px; width: 100px; text-align: center; font-size: 1rem;	border:none; display: inline-block;}

.white_box {background: #ffffff; width: 100%; float: left; margin-bottom: 1.5rem; padding: 0 0.6rem 1rem 0.6rem; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.2); box-shadow: 0 0 7px 0 rgba(0,0,0,.2);}
.white_box p {padding: 0; margin: 1.5rem 0; line-height: 1.5}
.white_box input[type=text] {padding: 0 0 0 1rem; margin: 0; width: 100%; height: 2rem; background: #ffffff; border: 1px solid #acacac; font-family: 'Roboto', sans-serif; font-size:1rem; font-weight:400; color:#424242;}

.white_box .checkbox-label {display: inline-block; position: relative; color: #424242; font-size: .813rem;}
.white_box .checkbox-label:hover { cursor: pointer;}
input[type="checkbox"].checkbox {opacity: 0; position: absolute;}
input[type="checkbox"] + .checkbox-label:before {content: ''; background: #fff; border: 1px solid #acacac; float: left;width: 1.25rem; height: 1.25rem; margin-right: .5rem; vertical-align: top;  cursor: pointer; text-align: center; }
input[type="checkbox"]:checked + .checkbox-label:before {  background:url(../images/checkbox.png) no-repeat center center #fff}
input[type="checkbox"]:focus + .checkbox-label:before {outline: none; border-color: #acacac;}
input[type="checkbox"] + .checkbox-label:empty:before { margin-right: 0;}

 .white_box input.vip_button {padding: 0; margin: 0; background: #2e294e; border: none; width: 100%; height: 2.5rem; font-family: 'Roboto', sans-serif; font-size:1.125rem; font-weight:700; text-transform: uppercase; color: #ffffff; border-radius: 2.5rem; cursor: pointer;}
.white_box h5 {padding: 1rem .5rem; font-weight: 400; font-size: .938rem}

.button_delivery {width: 100%; float: left; margin-bottom: 1.5rem; font-size:.875rem; font-weight:700; text-transform: uppercase;   background: #ef933c;}
.button_delivery:hover {background: #2e294e}
.button_delivery a {display: block; color: #ffffff; text-decoration: none; padding: 1.5rem 1rem; text-align: center}
.button_delivery a:hover {color: #ffffff; text-decoration: none;}

.back_to_books {width:50%; float: left; padding: 2rem 0}
.back_to_books a {text-decoration: underline}
.price_container {width:50%; float: left; padding: 2rem 0;}
table.payment_info {padding: 0; margin: 0; width: 100%; max-width: 300px; float: right; border-collapse: collapse;}
.white_box table.payment_info {max-width: 800px;}
table.payment_info tr td {padding:.5rem 0; line-height: 1.5rem; vertical-align: bottom}
table.payment_info tr td:last-of-type {font-weight: bold;  text-align: right}
table.payment_info tr td:last-of-type span {color: #2e294e; font-size: 1rem;}
table.payment_info tr td input[type=submit] {padding: 0; margin: 0; background: #2e294e; border: none; width: 100%; height: 2.5rem; font-family: 'Roboto', sans-serif; font-size:1.125rem; font-weight:700; text-transform: uppercase; color: #ffffff; border-radius: 2.5rem; cursor:pointer;}

.delivery_info {max-width: 800px; padding: 2rem;}
blockquote {font-size: .875rem; background: #ebf4f8; padding: 1.5rem;}

.payment_row {width:100%; float: left; padding:2rem 0; border-top: 1px dashed rgba(46,41,78,.2)}
.payment_row:first-of-type {border-top: none; padding-top: 1rem}
.payment_row ul {padding: 0; margin: 0; list-style: none; clear: both}
.payment_row ul li {width:50%; float: left; padding: 1rem 2rem 1rem 0}
.payment_row ul li.bigli {width: 80%}
.payment_row ul li.smallli {width: 20%}
.payment_row ul li.li3 {width: 33.33%}
.payment_row ul li.li4 {width: 22%}
.payment_row ul li.li5 {width: 33%}
.payment_row ul li.li4 label{display:flex}
.payment_row ul li.li4 label img {display:block; width:auto; height:30px; }
.payment_row ul li.li4 label img.special {display:block; width:auto; height:40px; margin-top:-7px; }
.payment_row input[type=text] {padding: 0 0 0 1rem; margin: 0; margin-top: .5rem; width:100%; height: 2.5rem; background: #ffffff; border: 1px solid #acacac; font-family: 'Roboto', sans-serif; font-size:1rem; font-weight:400; color:#424242;}
.select-div { width:100%; float: left; position: relative; background: #ffffff; margin-top: .5rem;}
.select-div select { width:100%; height: 2.5em; font-family: Roboto, sans-serif; font-size: 1em; color: #424242; background:none; border: 1px solid #acacac; padding-left: .5em; -webkit-appearance: none;
  -moz-appearance: none; appearance: none; position: relative; z-index: 3;}
.select-div:after { display: block; position: absolute; top: 30%; right: 1em; content: '▼'; font-family:Arial, sans-serif; font-size:1em; line-height: 1; color: #ef933c; z-index: 2}

.radio-label { display: inline-block; position: relative;}
.radio-label:hover { cursor: pointer;}
input[type="radio"].radio { opacity: 0; position: absolute;}
input[type="radio"] + .radio-label:before { content: ''; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #acacac; display: inline-block; width: 1.4rem; height: 1.4rem; margin-right: 1rem;  vertical-align: middle; cursor: pointer; text-align: center;}
input[type="radio"]:checked + .radio-label:before { background-color: #ef933c; box-shadow: inset 0 0 0 4px #fff;}
input[type="radio"]:focus + .radio-label:before { outline: none; border-color: #acacac;}
input[type="radio"] + .radio-label:empty:before { margin-right: 0;}
.radio-label small {font-size: .875rem; padding-left: 2.8rem; float: left; width: 100%; line-height: 1.35}
.agrees {width: 70%; float: left;}
.order_button {width:30%; float: left; text-align: right}
.order_button input[type=submit] {padding: 0 2rem; margin: 0; background: #2e294e; border: none; width:auto; height: 2.5rem; font-family: 'Roboto', sans-serif; font-size:1.125rem; font-weight:700; text-transform: uppercase; color: #ffffff; border-radius: 2.5rem; cursor: pointer;}

.top_book_inner {width: 100%; float: left; padding: 1.5rem 0}
.cover {width:22%; float: left;}
.cover img {width: 100%;}
.book_info {width:calc(78% - 250px); float: left; padding: 0 2.5rem}
.buy_area {width: 250px; float: left;}
.white_box.book { padding-top: 1rem; margin-bottom: 0}
.white_box.book p {padding: 0; margin: 1rem 0 0; line-height: 1.5}
.white_box.book p strong { font-size: 1.5rem; color: #ef933c}
.white_box.book p .orange {color: #ef933c} 
.white_box.book p a.add_to_basket {display: block; padding: 0 2rem; margin: 0 0 1rem; background: #2e294e; width:100%; height: 2.5rem;font-size:1.125rem; font-weight:700; text-transform: uppercase; color: #ffffff; border-radius: 2.5rem; line-height: 2.5rem; text-align: center}
.white_box.book p a.add_to_basket:hover {text-decoration: none; background: #ef933c}


.book_info h2 {padding: 1rem 0; margin: 0; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400; color:#424242;}
.book_info table {padding: 0; margin: 0; width: 100%; border-collapse: collapse;}
.book_info table tr td {padding: .5rem 0; margin: 0; border-bottom: 1px dashed #acacac;}
.book_info table tr:last-of-type td {border-bottom: none;}

.bottom_book_inner {width: 100%; float: left; padding:0 0 1.5rem 0}
.book_buttons {width:22%; float: left;}
.book_description {width:78%; float: left; padding-left: 2.5rem;}
.book_buttons a {display: block; width: 100%; padding: .5rem; margin-bottom: 3px; color: #ffffff; text-decoration: none; font-weight: 700; background: #2e294e; border: 1px solid #2e294e; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out}
.book_buttons a.share_button {background: #ef933c; border: 1px solid #ef933c}
.book_buttons a img {vertical-align: middle}
.book_buttons a:hover {opacity: .7}


.book_description section { display: none; padding:2rem; border-top: 1px solid #acacac;}
.book_description input[type=radio] {display: none;}
.book_description label { display: inline-block; margin: 0 0 -1px; padding: 15px 25px; font-weight: 400; text-align: center; color: #424242; background: #ebf4f8; border: 1px solid transparent; border-bottom: 1px solid #acacac;}
.book_description label:hover {}
.book_description input:checked + label { color: #424242; background: #f8f8f8; border: 1px solid #acacac; border-top: 2px solid #ef933c; border-bottom: 1px solid #f8f8f8;}
.book_description #tab1:checked ~ #content1, .book_description #tab2:checked ~ #content2 { display: block;}
.book_description p {padding: 0; margin: 0 0 1.5rem 0; line-height: 1.5;}
.comment {padding: 1rem 0; margin: 0; display: block; width: 100%; border-bottom: 1px dashed #acacac;}
.comment:first-of-type {padding-top: 0}
.comment p.small {font-size: .875rem;}
.comment p.small strong {font-size: 1rem; color: #2e294e}

.application-form {width: 100%; float: left; padding: 1rem 0 3rem;}
.application-form p {width: 50%; float: left; padding: 1rem .5rem 0;}
.application-form p.full {width: 100%; float: left; padding: 1rem .5rem 0; text-align: center; font-style: italic; font-size: .875rem;}
.application-form img {float:none !important; margin-left:0; margin-bottom:0; width: auto !important; max-width: 300px !important;}
.application-form input[type=text] { width:100%; height: 2.5rem; font-family: 'Roboto', sans-serif; font-size: .875rem; color: #333333; background: #ffffff; border: 1px solid #acacac; padding-left: .5rem;}
.application-form textarea { width:100%; height: 15rem; font-family: 'Roboto', sans-serif; font-size: .875rem; color: #333333; background: #ffffff; border: 1px solid #acacac; padding: .5rem; resize: none;}
.application-form input[type=submit] {padding: 0 2rem; margin: 0; background: #ef933c; border: none; width:auto; height: 2.5rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:700; text-transform: uppercase; color: #ffffff; border-radius: 2.5rem;}

.comment_form {width: 100%; float: left; padding-top: 2rem;}
.comment_form button {padding: 0 2rem; margin: 0; background: #ef933c; border: none; width:auto; height: 2.5rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:700; text-transform: uppercase; color: #ffffff; border-radius: 2.5rem; }

/* Promo 09.11.2018 */
.promo_description {display:block; width:100%; text-align:center; padding:0 20% 3rem;}
.section_title img {vertical-align:middle; margin-right:.5rem;}
.promo_description p { padding: 0; margin: .5rem 0; line-height: 1.5;}
.inactive1 {display: block; padding: 0; margin: 0 0 1rem; background: #ebf4f8; width:100%; height: 2.5rem;font-size:1rem; font-weight:700; font-style:italic; text-transform:none; color: #939393; border-radius: 2.5rem; line-height: 2.5rem; text-align: center}
.inactive2 {display: block; padding: 0; margin: 0 0 1rem; background: #ffffff; width:100%; height: 2.5rem;font-size:1rem; font-weight:700; font-style:italic; text-transform:none; color: #ef933c; border-radius: 2.5rem; line-height: 2.5rem; text-align: center; border:2px solid #ef933c}


/* 18.11.2018 */
.social {background:#ffffff; width:100%; padding:5px 0; font-size:12px; text-align:right}
.social img {width:36px; height:36px; vertical-align:middle; margin:0 1px;}
input.nfield {padding: 0 1rem; margin: 0; background: #ffffff; border: 1px solid rgba(46,41,78,.1); color: #2e294e; width:100%; max-width: 315px; height: 2rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400; display: inline-block; vertical-align: top;}
input.nsubmit {padding: 0 1rem; margin: 0; background: #2e294e; border: 1px solid #2e294e; color: #ffffff; width:100%; max-width: 145px; height: 2rem; font-family: 'Roboto', sans-serif; font-size:.875rem; font-weight:400; text-transform: uppercase; display: inline-block; vertical-align: top;}
.payment_row ul li.select-30  {
    width:25%;
  }

.red {
  color:#DD1949;
}  

.blue {
  color:#64708E;
} 
#cookiesPrivacy {
    background: #ffffff;
    height: 40px;
    width:100%;        
    position: relative;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid;
    
}
#cookieInnerWrapper {
    position: relative;
    margin: 0 auto;
    width: 1360px;
    vertical-align:middle;
}

.cookiesText {
    position: absolute;
    top: 0;
    left: 50px;
    width: 1100px;
    margin-top: 2px;
    vertical-align:middle;
}

.cookiesbutton a {
    position: absolute;
    top: 5px;
    left: 90%;
    color: #ffffff;

text-decoration: none;
background: #ef933c;
padding: .3rem 1.5rem;
-webkit-border-radius: 1.6rem;
border-radius: 1.6rem;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
 border:none; 

}

.cookiesText p {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top:2px; 
    font-size:0.8rem;
    vertical-align:middle;    
}
.closeCookieImg {
    position: absolute;
    top: 0;
    right: 0;
    width:30px;
}
.hide{
	display:none;
}
.show{
	display:block;
}
/* 22.07.2019 */
.right_inner .banner {
	padding:1rem 0 1rem 2.5rem;}

.book_description .banner {
padding:0 0 2rem 0;
}

.full_page { padding-bottom:0}

.banner_author {width: 100%; display: block; clear: both; padding: 0 1rem 3rem 0; text-align: center}
.banner_author img {max-width: 100%;}

.right_inner .banner img, .book_description .banner img {
	width:100%;
}

.order-wait {
  width:100%; float: left;
  color: #FF0000;
  text-align:center;
  font-weight:bold;
}

/* Review */
.banner.reviewAdmin { background:#ffffff; border-top:1px dashed rgba(41,41,78,.2); border-bottom:1px dashed rgba(41,41,78,.2); padding:2.5rem 0; display:block; text-align:left;}
.banner.reviewAdmin .section_title { display: block; width: 100%; text-transform: uppercase; text-align: center; font-weight: 700; padding-bottom: 1.5rem; color:#2e294e}
.banner.reviewAdmin .section_title a, .banner.reviewAdmin .section_title a:hover {color:#2e294e; text-decoration:none;}

.reviewCarousel {width: 100%; margin-top: 1rem; background:#f8f8f8;}
.reviewCarousel .item {width:100%; padding:2.5rem 3.5rem; float:left}
.reviewCarousel .owl-prev { font-size: 0; background: url(/images/prev3.png) no-repeat top left; width: 60px; height:60px; position: absolute; left:-30px; top:50%; transform: translateY(-50%)}
.reviewCarousel .owl-next { font-size: 0; background: url(/images/next3.png) no-repeat top left; width: 60px; height:60px; position: absolute; right: -30px; top: 50%; transform: translateY(-50%)}
.reviewCarousel img { float:left; border-right:3px solid #ffffff; border-bottom:3px solid #ffffff; margin-right:2rem; margin-bottom:2rem; max-height:360px;}
.reviewTitle { font-weight:700; color:#2e294e; display:block; text-transform:uppercase; padding-bottom:1rem; padding-top:1.5rem}
.reviewAuthor {display:block; padding-bottom:1.5rem}
.reviewAuthor a { font-weight:700;}

.reviewCarousel .item p { padding:0; margin:0 0 1.5rem; line-height:1.5}

@media only screen and (max-width: 1023px) {
.reviewCarousel .owl-prev { font-size: 0; background: url(/images/prev3.png) no-repeat top left; background-size:100% auto; width: 48px; height:48px; position: absolute; left:0; top:50%; transform: translateY(-50%)}
.reviewCarousel .owl-next { font-size: 0; background: url(/images/next3.png) no-repeat top left; background-size:100% auto; width: 48px; height:48px; position: absolute; right:0; top:50%; transform: translateY(-50%)}
}
@media only screen and (max-width: 640px) {
.reviewCarousel img { float:left; border-right:3px solid #ffffff; border-bottom:3px solid #ffffff; margin-right:2rem; margin-bottom:2rem; max-height:200px; display:block;}
}

@media only screen and (max-width: 500px) {
.reviewTitle { clear:left; padding-top:0}
}

/* Team */
.team { width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.team-box { width:calc(33.33% - 2rem); margin:1rem; padding:1.5rem 1rem 2rem; background:#ffffff; -webkit-box-shadow: 0 0 5px 0 rgba(46,41,78,.1); box-shadow: 0 0 5px 0 rgba(46,41,78,.1); transition: box-shadow .3s ease-in-out; border-radius:10px; text-align:center;}
.team-box:hover {-webkit-box-shadow: 0 5px 10px 0 rgba(46,41,78,.15); box-shadow: 0 5px 10px 0 rgba(46,41,78,.15);}
.team-box figure { width:140px; overflow:hidden; padding:0; margin:0 auto; border-radius:50%; position:relative; border:2px solid #f8f8f8; margin-bottom:1.5rem; -webkit-box-shadow: 0 0 10px 0 rgba(46,41,78,.2); box-shadow: 0 0 10px 0 rgba(46,41,78,.2);}
.team-box figure:after {    content: ''; display: block; height: 0; padding-bottom: 140px;}
.team-box figure img { width:100% !important; max-width:350px !important; position:absolute; top:0; left:50%; transform:translateX(-50%) scale(1); transition:all .4s ease-in-out}
.team-box a:hover figure img {transform:translateX(-50%) scale(1.1)}
.team-box a h3 {padding: 0; margin: 0 0 .5rem; font-family: 'Roboto', sans-serif; font-size:1.25rem; font-weight:700; color: #2e294e; text-transform: none;}
.team-box a span { font-size:.875rem; color:#424242}
.team-box a:hover { text-decoration:none}
.team-box .team-social { display:block; clear:both; text-align:center; margin-top:1.5rem;}

.author_image_main figure {width:100%; overflow:hidden; padding:0; margin:0 auto; border-radius:50%; position:relative; border:2px solid #f8f8f8; margin-bottom:1.5rem; -webkit-box-shadow: 0 0 10px 0 rgba(46,41,78,.2); box-shadow: 0 0 10px 0 rgba(46,41,78,.2);}
.author_image_main figure:after {    content: ''; display: block; height: 0; padding-bottom: 100%;}
.author_image_main figure img { width:100% !important; max-width:350px !important; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.author_info .job { font-size:1.125rem; display:block; width:100%; margin:1rem 0 0; opacity:.8}
.author_info .team-social { display:block; width:100%; margin-top:1.5rem;}


.book_container .item_team { width: calc(50% - 3rem); float: left; margin: 0 3rem 1.5rem 0; border-bottom: 1px dashed #d3d2d9; padding:1.5rem 0}
.book_container .item_team img { max-width: 100%; max-height: 250px; margin-bottom: .5rem; float:left; margin-right:1.5rem;}
.book_container .item_team h3 { padding:0; margin:0 0 1rem; text-transform:none; color: #2e294e;}
.book_container .item_team p { padding:0; margin:.5rem 0; line-height:1.5}
.book_container .item_team a.read_more {display: inline-block; font-size: .75rem; font-weight: 400; color: #ef933c; text-decoration: underline;}

.book_container_100 .item_team { width: calc(100%); float: left; margin: 0 3rem 1.5rem 0; border-bottom: 1px dashed #d3d2d9; padding:1.5rem 0}
.book_container_100 .item_team img { max-width: 100%; max-height: 250px; margin-bottom: .5rem; float:left; margin-right:1.5rem;}
.book_container_100 .item_team h3 { padding:0; margin:0 0 1rem; text-transform:none; color: #2e294e;}
.book_container_100 .item_team p { padding:0; margin:.5rem 0; line-height:1.5}
.book_container_100 .item_team a.read_more {display: inline-block; font-size: .75rem; font-weight: 400; color: #ef933c; text-decoration: underline;}

@media only screen and (max-width: 1280px) {
.team-box { width:calc(50% - 2rem);}
}

@media only screen and (max-width: 960px) {
.team-box { width:calc(33.33% - 2rem);}
}

@media only screen and (max-width: 900px) {
.team-box { width:calc(50% - 2rem);}
.book_container .item_team { width:100%; float: left; margin: 0 0 1.5rem 0; border-bottom: 1px dashed #d3d2d9; padding:1.5rem 0}
}

@media only screen and (max-width: 600px) {
.team-box { width:calc(100% - 2rem);}
.book_container .item_team img { max-width: 100%; max-height: 150px; margin-bottom: .5rem; float:left; margin-right:1.5rem;}
}

/* Christmas 2021 
body { position:relative; background: url(../images/christmas_bg_left.png) left 40px no-repeat,  url(../images/christmas_bg_right.png) right 40px no-repeat, #f8f8f8;}
.banner + .row {position:relative; background: url(../images/christmas_bg2_left.png) left bottom no-repeat,  url(../images/christmas_bg2_right.png) right bottom no-repeat, #f8f8f8;}
footer { background: url(../images/christmas_footer.png) center top no-repeat #2e294e; background-size:100% auto}

.new_books .section_title a { position:relative; margin-bottom:20px; display:inline-block;}
.new_books .section_title a:before { content:''; position:absolute; left:-160px; top:-10px; background:url(../images/christmas_title_left.png) left center no-repeat; width:150px; height:40px;}
.new_books .section_title a:after { content:''; position:absolute; right:-160px; top:-10px; background:url(../images/christmas_title_right.png) left center no-repeat; width:150px; height:40px;}

.banner.reviewAdmin .section_title {position:relative; margin-bottom:20px;}
.banner.reviewAdmin .section_title:before { content:''; position:absolute; left:50%; margin-left:-200px; top:-10px; background:url(../images/christmas_title_left.png) left center no-repeat; width:150px; height:40px;}
.banner.reviewAdmin .section_title:after { content:''; position:absolute; left:50%; margin-left:60px; top:-10px; background:url(../images/christmas_title_right.png) left center no-repeat; width:150px; height:40px;}

h1 { position:relative}
h1:before { content:''; display:block; background:url(../images/christmas_title_h1.png) left center no-repeat; width:65px; height:40px; float:left; margin-top:-5px; padding-right:10px;}
 */
 
.col_x2 .comment img { max-width:30%}
.col_x2.news .comment {
  border-bottom: none !important;
}
audio { width:100%; margin:1rem 0}



.customMarker {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.customMarker .marker-content {
  transition: all 1s ease-out;
  position: relative;
}

.customMarker .marker-content .minimal {
  background-color: #ef933c;
  border: 2px solid transparent;
  border-radius: 10px;
  color: #ffffff;
  padding: 5px 10px;
}

/* .customMarker .marker-content .full {
  height: 380px;
} */

.customMarker .marker-content.visible .full {
  display: block;
}

.customMarker .marker-content .full {
  display: none;
}

.customMarker .marker-content.visible .full {
  /* width: fit-content; */
  position: absolute;
  transform: translate(0, 0) scale(0.8);
}

.customMarker:hover .imi-marker,
.customMarker.hover-state .imi-marker,
.customMarker.promoted .imi-marker {
  background-color: #56565675;
  border: 2px solid #2e294e;
  border-radius: 50%;
  cursor: pointer;
}

.customMarker .imi-marker .st0,
.customMarker:hover .imi-marker .st0,
.customMarker.hover-state .imi-marker .st0,
.customMarker.promoted .imi-marker .st0 {
  fill: #ef933c;
  stroke: #ef933c;
}

.customMarker.hover-state .minimal,
.customMarker:hover .minimal,
.customMarker.promoted .minimal {
  background-color: #ef933c;
}

.customMarker .imi-marker {
  width: 48px;
  height: 48px;
  padding: 3px;
}

.customMarker .imi-marker svg {
  width: 100%;
  height: 100%;
}

.customMarker a {
  color: #ffffff;
}

#map {
  width: 100%;
  height: 400px;
}

.banner_cats {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.banner_cat_no_pic {
  width: 100%;
  height: 80px;
  background-color: #EBF4F8;
  color: #2E294E;
  transition: all 0.15s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}

.banner_cat_no_pic:hover, .banner_cat_no_pic.active {
  color: #EF933C;
  background-color: #F8F3EE;
  text-decoration: none;
}

.banner_cat_no_pic_name {
  width: 100%;
}

.banner_cat_no_pic_icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner_cat_no_pic_icon svg {
  color: #2E294E;
  width: 32px;
  height: 32px;
}

.banner_cat_no_pic_icon svg path {
  fill: #2E294E;
}

.banner_cat_no_pic:hover svg path,
.banner_cat_no_pic:hover svg {
  transition: all 0.15s ease-in-out;
  fill: #EF933C;
  stroke: #EF933C;
  color: #EF933C;
}

.product_size_btn_container {
  display: flex;
  gap: 10px;
}

.product_size_btn,
.product_sizes_select {
  background-color: transparent;
  color: #2E294E;
  padding: 5px 15px;
  border: 1px solid #2E294E;
  cursor: pointer;
}

.product_sizes_select.selected option {
  color: #fff;
}

.product_size_btn.active,
.product_size_btn:hover,
.product_sizes_select.selected {
  background-color: #2E294E;
  color: #FFFFFF;
}

/* Create four equal columns that floats next to eachother */
.thumbs { width:95px; float:left;}
.column {float: left;width:100%;}

/* The Modal (background) */

.modal2 {display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; overflow-x:hidden; background-color: #ffffff;}
.modal-content { position: relative; margin: auto; padding: 2rem; width:100%;}
.modal-content:after { content:''; clear:both; display:block;}
.close { color: #100f0f; position: absolute; top: 10px; right: 25px; font-size: 2rem; font-weight: 600; z-index:12; cursor:pointer}
.close:hover, .close:focus { color: #737373; text-decoration: none; cursor: pointer;}
.BigImage {position:relative; width:calc(100% - 95px); padding:0 4rem; float:left; text-align:center; height:90vh; display:flex; align-items:center; justify-content:center;}
.mySlides { display: none; height:100%;}
.mySlides img { height:100%; width:auto !important;}
.prev, .next { cursor: pointer; color: #100f0f; font-weight: 400; font-size: 1rem; transition: 0.6s ease; border-radius:50%; user-select: none; text-decoration:none; width:2rem; height:2rem; text-align:center; line-height:2rem; border:1px solid #ffffff; margin:1rem;}
.prev:hover, .next:hover {  border:1px solid #ebebeb}
.numbertext { color: #100f0f; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.numbertext{display:none}
img.demo { border:1px solid #ffffff;}
.demo.active, .demo:hover { border:1px solid #100f0f;}

.vertical-tabs {position: relative;}
.tabs { position: relative; float: left; width:95px; padding:0; margin:0}
.tabs li {position: relative;list-style: none;}
.tabs li:after {content: "";display: table; clear: both;}
.tabs li a img {position: relative;display: block; width: 100%;border: 1px solid #ffffff; margin-bottom:1.75rem;}
.tabs li.active a img { z-index: 2; border: 1px solid #100f0f;}
.tabs li img { max-width:95px;}
.tabs-content .content { display: none;}
.tabs-content .content.active {display: block; float:right; width:calc(100% - 95px); padding:0 0 0 4rem}

.top_product_inner {width: 100%; float: left; padding: 1.5rem 0}
.cover_product {width:35%; float: left;}
.cover_product img {width: 100%;}
.product_info {width:calc(65% - 250px); float: left; padding: 0 2.5rem}
.buy_area_product {width: 250px; float: left;}