@charset "UTF-8";
/* --------------------------------

Primary style
/*Css for Style 1*/
/**
 * Table of Contents:
01. Import fonts
02. Import icon
03. Humberger menu
04. Pagging page & button
05. twitter message
06. Search form
07. Header
08. Hot author
09. Title box
10. One book hightlight
11. Slider product
12. Promotion
13. Feature section
14. Testimonial
15. Blog section
16. Slogan text
17. List categories
18. Subcriber
19. List service
20. Home 7
21. Link parthner
22. Blog page
23. Author page
24. For contact form
25. Store page
26. Breadthums
27. Page about
28. 404 page
29. Landing page
30. footer
31. For detail media product

------------------------*/
/*
01. Import fonts
 */
@font-face {
  font-family: 'Lato-Bold';
  src: url("../fonts/lato-bold-webfont.eot");
  src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg") format("svg");
}

@font-face {
  font-family: 'Lato-Regular';
  src: url("../fonts/lato-regular-webfont.eot");
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg") format("svg");
}

@font-face {
  font-family: 'Againts';
  src: url("../fonts/againts.eot");
  src: url("../fonts/againts.eot?#iefix") format("embedded-opentype"), url("../fonts/againts.woff") format("woff"), url("../fonts/againts.ttf") format("truetype"), url("../fonts/againts.svg") format("svg");
}

/*
 02. Import icon
  */
@font-face {
  font-family: 'Beau-Theme-Icon';
  src: url("../fonts/Beau-Theme-Icon.eot?7mu29a");
  src: url("../fonts/Beau-Theme-Icon.eot?#iefix7mu29a") format("embedded-opentype"), url("../fonts/Beau-Theme-Icon.ttf?7mu29a") format("truetype"), url("../fonts/Beau-Theme-Icon.woff?7mu29a") format("woff"), url("../fonts/Beau-Theme-Icon.svg?7mu29a#Beau-Theme-Icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.be {
  font-family: 'Beau-Theme-Icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.be-box:before {
  content: "\e617";
}

.be-shipping:before {
  content: "\e618";
}

.be-heart-o:before {
  content: "\e619";
}

.be-money:before {
  content: "\e61a";
}

.be-small-list:before {
  content: "\e600";
}

.be-small-grid:before {
  content: "\e601";
}

.be-grid:before {
  content: "\e602";
}

.be-list:before {
  content: "\e603";
}

.be-planet:before {
  content: "\e604";
}

.be-star:before {
  content: "\e605";
}

.be-swing-heart:before {
  content: "\e606";
}

.be-two-heart:before {
  content: "\e607";
}

.be-technology:before {
  content: "\e608";
}

.be-tools:before {
  content: "\e609";
}

.be-skirt:before {
  content: "\e60a";
}

.be-pen:before {
  content: "\e60b";
}

.be-bag:before {
  content: "\e60c";
}

.be-ink:before {
  content: "\e60d";
}

.be-bat:before {
  content: "\e60e";
}

.be-eye:before {
  content: "\e60f";
}

.be-heart:before {
  content: "\e610";
}

.be-magic:before {
  content: "\e611";
}

.be-bang:before {
  content: "\e612";
}

.be-piza:before {
  content: "\e613";
}

.be-cache:before {
  content: "\e614";
}

.be-grapes:before {
  content: "\e615";
}

.be-cup:before {
  content: "\e616";
}

body {
  font-family: "Times New Roman";
  font-size: 13px;
  overflow-x: hidden !important;
  max-width: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

body .vc_row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 13px;
  }
}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
  margin-bottom: 0px !important;
}

.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.beau-hidden {
  display: none;
}

@media only screen and (min-width: 1025px) {
  .bg-fixed, .bg-fix {
    background-attachment: fixed !important;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    width: 100% !important;
  }
}

.container.contain_default {
  padding-top: 40px;
}

.custom-dropdown {
  display: none !important;
}

.is-visible {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.is-fixed {
  position: fixed !important;
  z-index: 999;
  top: 0px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.is-static {
  position: static !important;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#clear-scroll {
  float: left;
  width: 100%;
}

/*
03. Humberger menu
 */
.button-humberger-menu {
  display: none;
  float: right;
  border: none;
  color: #000;
  width: 50px;
  height: 50px;
  background: transparent;
  font-size: 1.23077em;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}

@media only screen and (max-width: 780px) {
  .button-humberger-menu {
    display: block;
    float: right;
    position: relative;
    z-index: 99999;
  }
}

a {
  color: rgba(0, 0, 0, 0.4);
}

a:hover {
  color: #f07c29;
}

*:focus {
  outline: none;
  outline-style: none;
}

@media only screen and (max-width: 767px) {
  img {
    max-width: 100%;
  }
}

.subcribe-input::-webkit-input-placeholder {
  color: #fff !important;
}

.subcribe-input::-moz-placeholder {
  color: #fff !important;
}

.subcribe-input:-moz-placeholder {
  color: #fff !important;
}

.subcribe-input:-ms-input-placeholder {
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .container {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#beau-go-top {
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 1.53846em;
  color: #252525;
  position: fixed;
  left: 95%;
  top: 89%;
  border-radius: 50%;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 9999999;
}

#beau-go-top:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 767px) {
  #beau-go-top {
    left: 80%;
  }
}

/*
04. Pagging page & button
 */
.pagging-contain {
  border-top: 1px dashed rgba(102, 102, 102, 0.2);
  padding-top: 35px;
}

.pagging {
  width: 100%;
  float: left;
  text-align: center;
  padding-bottom: 100px;
  margin-top: 30px;
}

.pagging ul {
  list-style: none;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}

.pagging ul li {
  display: inline;
  text-transform: uppercase;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .pagging ul li {
    float: left;
    margin-bottom: 10px;
  }
}

.pagging ul li .page-numbers {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

.pagging ul li .page-numbers:hover {
  line-height: 26px;
  border: 2px solid rgba(0, 0, 0, 0.2);
}

.pagging ul li .page-numbers.current {
  background: #f07c29;
  color: #fff;
}

.pagging ul li .page-numbers.current:hover {
  border-color: #f07c29;
}

.pagging ul li .page-numbers.prev, .pagging ul li .page-numbers.next {
  width: auto !important;
}

.pagging ul li .page-numbers.prev:hover, .pagging ul li .page-numbers.next:hover {
  line-height: 30px;
  border: none;
  color: #f07c29 !important;
}

.pagging ul li .page-numbers.prev {
  margin-right: 15px;
}

.pagging ul li .page-numbers.next {
  margin-left: 15px;
}

.pagging ul li.current:hover {
  background: none;
  color: #f07c29;
}

.book-button, .submit {
  border-radius: 50px;
  border: 2px;
  border-style: solid;
  text-transform: uppercase;
  background: transparent;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.23077em;
  box-sizing: border-box;
  padding-left: 35px;
  padding-right: 35px;
  height: 40px;
}

.book-button .fa, .submit .fa {
  margin-right: 10px;
}

.book-button:hover, .submit:hover {
  background: #f07c29;
  border-color: #f07c29;
  color: #fff;
}

a.book-button {
  line-height: 37px;
  float: left;
}

a.book-button-active-bg {
  background: #f07c29 !important;
  color: #fff !important;
  border-color: #f07c29 !important;
}

.text-underline {
  text-decoration: underline !important;
}

.no-border {
  border: none !important;
}

.no-left {
  left: 0px !important;
  margin-left: 0px !important;
}

.no-bg {
  background: none !important;
}

.book-button-active {
  border-color: rgba(240, 124, 41, 0.9);
  color: #f07c29;
}

.book-button-active:hover {
  background: #f07c29;
  border-color: #f07c29;
  color: #fff;
}

.book-button-small, .submit {
  float: left;
  padding: 2px 30px !important;
  height: 34px;
  font-weight: bold;
  font-size: 0.92308em;
}

.book-button-line {
  float: left;
  height: 30px;
  margin-top: 5px;
  line-height: 35px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.3);
  font-size: 1.23077em;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 5px;
}

.book-button-line:hover {
  border-color: rgba(240, 124, 41, 0.3);
}

/*
05. twitter message
*/
.button-twitter {
  border-color: rgba(0, 0, 0, 0.1);
  font-weight: bold;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.3);
  padding: 3px 15px;
}

.button-twitter:hover {
  background: #f07c29;
  border-color: #f07c29;
  color: #fff !important;
}

.list-social {
  list-style: none;
  float: left;
  padding-left: 0px;
  margin-bottom: 0px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.list-social li {
  float: left;
  margin: 8px;
}

.list-social li:first-child {
  margin-left: 0px;
}

.list-social li:last-child {
  margin-right: 0px;
}

.list-social li a:hover {
  color: #f07c29;
}

.btn-prev {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 40px;
  background: url(../images/nav-slider.png) no-repeat;
  z-index: 999;
  cursor: pointer;
  left: -40px;
  background-position: left center;
}

@media only screen and (max-width: 1025px) {
  .btn-prev {
    left: -20px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-prev {
    display: none;
  }
}

.btn-prev.btn-white {
  background: url(../images/nav-slider-white.png) no-repeat;
  opacity: 0.2;
  background-position: left center;
}

.btn-prev.btn-white:hover {
  opacity: 1;
}

.btn-next {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 40px;
  background: url(../images/nav-slider.png) no-repeat;
  z-index: 999;
  cursor: pointer;
  right: -40px;
  background-position: right center;
}

@media only screen and (max-width: 1025px) {
  .btn-next {
    right: -25px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-next {
    display: none;
  }
}

.btn-next.btn-white {
  background: url(../images/nav-slider-white.png) no-repeat;
  opacity: 0.2;
  background-position: right center;
}

.btn-next.btn-white:hover {
  opacity: 1;
}

.book-center, .book-contact.full-center .title-box:after {
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.book-center:before {
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.book-center:after, .book-contact.full-center .title-box:after {
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.book-dropdown {
  line-height: 30px;
}

.book-dropdown .pull-left {
  line-height: 30px;
  margin-right: 10px;
  font-family: "Lato", sans-serif;
  color: rgba(0, 0, 0, 0.3);
}

.dropdown-border {
  border-radius: 50px;
  float: left;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 1px 10px;
}

.dropdown-border .sbHolder {
  width: 130px;
}

.dropdown-border .sbHolder .sbToggle {
  top: 4px;
}

.control-grid {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  position: relative;
  padding-bottom: 0px;
  padding-top: 5px;
}

.control-grid li {
  float: left;
  padding: 3px 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
}

.control-grid li i {
  font-size: 1.23077em;
}

.control-grid li:last-child {
  border: none;
}

.control-grid li:hover i, .control-grid li.control-active i {
  color: #f07c29;
}

/*
06. Search form
 */
.book-search-head {
  float: left;
  width: 330px;
  border: 2px solid rgba(0, 0, 0, 0.05);
  padding: 6px 10px 6px;
  border-radius: 150px;
  margin-top: 8px;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Times New Roman";
}

@media only screen and (max-width: 1025px) {
  .book-search-head {
    width: 315px;
  }
}

@media only screen and (max-width: 767px) {
  .book-search-head {
    width: 300px;
  }
}

.book-search-head .fa {
  position: absolute;
  left: 15px;
  color: rgba(0, 0, 0, 0.4);
  top: 30%;
  font-size: 1.07692em;
}

.book-search-head input[type="text"] {
  border: none;
  height: 22px;
  width: 216px;
  background: transparent;
  box-sizing: border-box;
  padding-left: 25px;
  font-style: italic;
  overflow: hidden;
  font-weight: normal;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  letter-spacing: 0.75px;
  font-size: 1.07692em;
}

.book-search-head input[type="text"]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.book-search-head input[type="text"]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.book-search-head input[type="text"]:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.book-search-head input[type="text"]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1025px) {
  .book-search-head input[type="text"] {
    width: 195px;
  }
}

@media only screen and (max-width: 767px) {
  .book-search-head input[type="text"] {
    width: 66%;
  }
}

/*
07. Header
 */
header {
  float: left;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  header .form-search {
    width: 100%;
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
  }
  header .form-search form {
    width: 100%;
  }
}

header.header-one {
  height: 190px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header.header-one.stick {
  background: #fff;
  position: fixed;
  height: 80px;
  top: 0;
  z-index: 9999;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  header.header-one.stick {
    height: 60px;
  }
}

@media only screen and (max-width: 1025px) {
  header.header-one.stick .humberger-button {
    top: 38px;
  }
}

@media only screen and (max-width: 767px) {
  header.header-one.stick .humberger-button {
    top: 30px;
  }
}

header.header-one.stick .header-top {
  height: 0;
  padding-top: 0;
}

header.header-one.stick .header-top .pull-left {
  display: none;
}

header.header-one.stick .header-top .pull-right {
  display: none;
}

header.header-one.stick .header-top .beau-logo {
  position: relative;
  left: -35px;
  bottom: -23px;
  max-width: 200px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 1720px) {
  header.header-one.stick .header-top .beau-logo {
    left: -90px;
  }
}

@media only screen and (max-width: 1025px) {
  header.header-one.stick .header-top .beau-logo {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 780px) {
  header.header-one.stick .header-top .beau-logo {
    bottom: 0;
    margin-top: 25px;
  }
}

@media only screen and (max-width: 767px) {
  header.header-one.stick .header-top .beau-logo {
    margin-top: -17px;
    left: 57%;
  }
}

header.header-one.stick .header-top .beau-logo img {
  max-width: 120px;
}

header.header-one.stick .clearfix {
  display: none;
}

header.header-one.stick .header-bottom {
  top: 0;
}

header.header-one.stick .header-bottom .woocomerce-cart {
  top: 13px;
}

header.header-one.stick .header-bottom .woocomerce-cart .be {
  font-size: 2.107692308em;
}

header.header-one .header-top {
  float: left;
  width: 100%;
  height: 115px;
  padding-top: 55px;
}

@media only screen and (max-width: 780px) {
  header.header-one .header-top {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 780px) {
  header.header-one .header-top .pull-left {
    position: relative;
    margin-top: -10px;
    left: 45px;
  }
}

header.header-one .humberger-button {
  display: none;
  float: left;
  padding-right: 20px;
  margin-right: 16px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.53846em;
}

@media only screen and (max-width: 1025px) {
  header.header-one .humberger-button {
    position: absolute;
    top: 70px;
    display: block;
    border-right: none;
  }
}

@media only screen and (max-width: 780px) {
  header.header-one .humberger-button {
    top: 40px;
    left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  header.header-one .humberger-button {
    position: relative;
    top: 72px;
    left: 10px;
  }
}

header.header-one .humberger-button button {
  float: left;
  width: 30px;
  height: 30px;
  padding: 0px;
  background: transparent;
  border: none;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

header.header-one .humberger-button button i {
  float: left;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.3);
  margin: 3px 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

header.header-one .humberger-button button:hover i {
  background: #f07c29;
}

header.header-two.stick {
  background: #fff;
  position: fixed;
  height: 100px;
  top: 0;
  z-index: 9999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

header.header-two.stick .header-top {
  display: none;
}

header.header-two.stick .clearfix {
  display: none;
}

header.header-two.stick .header-bottom {
  top: 10px;
  border-bottom: none;
}

header.header-two.stick .header-bottom .full-height {
  height: 80px;
}

header.header-two.stick .header-bottom .woocomerce-cart {
  top: 15px;
}

header.header-two.stick .header-bottom .woocomerce-cart .be {
  font-size: 2.107692308em;
}

header.header-two .header-top {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #252420;
}

header.header-two .header-top .social-list li:last-child {
  margin-right: 0px;
}

header.header-two .header-bottom {
  height: 140px;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #b2b2b2;
}

@media only screen and (max-width: 780px) {
  header.header-two .header-bottom {
    height: 180px;
  }
}

header.header-two .header-bottom .full-height {
  height: 140px;
}

header.header-two .header-bottom .humberger-menu-logo {
  float: left;
  position: absolute;
  left: -75px;
  height: 60px;
  width: auto;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 1025px) {
  header.header-two .header-bottom .humberger-menu-logo {
    left: 0;
  }
}

@media only screen and (max-width: 780px) {
  header.header-two .header-bottom .humberger-menu-logo {
    left: 60px;
  }
}

@media only screen and (max-width: 767px) {
  header.header-two .header-bottom .humberger-menu-logo {
    width: 75%;
  }
}

header.header-two .header-bottom .humberger-menu-logo .humberger-button {
  float: left;
  height: 60px;
  padding-right: 20px;
  margin-right: 16px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.53846em;
}

header.header-two .header-bottom .humberger-menu-logo .humberger-button button {
  float: left;
  width: 30px;
  height: 30px;
  padding: 0px;
  background: transparent;
  border: none;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

header.header-two .header-bottom .humberger-menu-logo .humberger-button button i {
  float: left;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.3);
  margin: 3px 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

header.header-two .header-bottom .humberger-menu-logo .humberger-button button:hover i {
  background: #f07c29;
}

header.header-two .header-bottom .humberger-menu-logo .book-logo {
  height: 60px;
  position: relative;
  float: left;
  width: 142px;
}

@media only screen and (max-width: 767px) {
  header.header-two .header-bottom .humberger-menu-logo .book-logo {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

header.header-two .header-bottom .humberger-menu-logo .book-logo img {
  max-height: 60px;
  position: absolute;
  float: left;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

header.header-two .search-navigation {
  float: left;
  width: auto;
  height: 46px;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

header.header-two .search-navigation .search {
  float: left;
  height: auto;
}

header.header-two .search-navigation .search form {
  width: 520px;
  height: 46px;
  background: rgba(233, 233, 233, 0.7);
  border-radius: 3px;
}

@media only screen and (max-width: 1025px) {
  header.header-two .search-navigation .search form {
    width: 440px;
  }
}

@media only screen and (max-width: 780px) {
  header.header-two .search-navigation .search form {
    width: 350px;
  }
}

header.header-two .search-navigation .search form .sbHolder {
  float: left;
  width: 50px;
  height: 46px;
  padding-right: 50px;
  box-sizing: border-box;
  background: #dadada;
  border-radius: 3px;
}

header.header-two .search-navigation .search form .sbHolder .sbToggle {
  margin-top: 7px;
}

header.header-two .search-navigation .search form .sbHolder .sbSelector {
  margin-top: 13px;
}

header.header-two .search-navigation .search form .sbHolder .sbOptions {
  top: 46px !important;
  width: 150px !important;
  left: 0px !important;
}

header.header-two .search-navigation .search form input {
  border: none;
  background: transparent;
  height: 46px;
  float: left;
  width: 420px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  text-indent: 20px;
  font-family: "Times New Roman";
  font-weight: 300;
  font-size: 1.38462em;
  color: rgba(0, 0, 0, 0.7);
}

header.header-two .search-navigation .search form input::-webkit-input-placeholder {
  font-style: italic;
}

header.header-two .search-navigation .search form input::-moz-placeholder {
  font-style: italic;
}

header.header-two .search-navigation .search form input:-moz-placeholder {
  font-style: italic;
}

header.header-two .search-navigation .search form input:-ms-input-placeholder {
  font-style: italic;
}

@media only screen and (max-width: 1025px) {
  header.header-two .search-navigation .search form input {
    width: 340px;
  }
}

@media only screen and (max-width: 780px) {
  header.header-two .search-navigation .search form input {
    width: 250px;
  }
}

header.header-two .search-navigation .search form button {
  border: none;
  background: #f07c29;
  color: #fff;
  width: 50px;
  height: 47px;
  margin: -1px;
  border-radius: 3px;
  font-size: 1.38462em;
}

header.header-two .search-navigation .search form button:hover {
  background: rgba(0, 0, 0, 0.8);
}

header.header-two .search-navigation-full {
  width: 665px;
  height: 46px;
  background: rgba(233, 233, 233, 0.2);
  position: relative;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 1025px) {
  header.header-two .search-navigation-full {
    width: 490px;
  }
}

@media only screen and (max-width: 767px) {
  header.header-two .search-navigation-full {
    width: 100%;
    margin-top: -75px;
  }
}

header.header-two .search-navigation-full .search {
  float: left;
  height: auto;
}

@media only screen and (max-width: 767px) {
  header.header-two .search-navigation-full .search {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
  }
}

header.header-two .search-navigation-full .search form {
  width: 100%;
  height: 46px;
  background: rgba(233, 233, 233, 0.7);
  border-radius: 3px;
}

header.header-two .search-navigation-full .search form .felement {
  border: 1px dashed rgba(0, 0, 0, 0.1);
  float: left;
  height: 46px;
  box-sizing: border-box;
  border-radius: 3px;
  border-right: none;
  position: relative;
}

header.header-two .search-navigation-full .search form .felement:hover, header.header-two .search-navigation-full .search form .felement.solid-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
}

header.header-two .search-navigation-full .search form .felement:before {
  font-family: "FontAwesome";
  content: "\f002";
  font-size: 1.38462em;
  position: absolute;
  left: 20px;
  top: 12px;
  color: rgba(0, 0, 0, 0.3);
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}

@media only screen and (max-width: 767px) {
  header.header-two .search-navigation-full .search form .felement:before {
    left: 5px;
  }
}

header.header-two .search-navigation-full .search form .sbHolder {
  float: left;
  width: 110px;
  height: 46px;
  padding-right: 50px;
  box-sizing: border-box;
  background: transparent;
  margin-right: 15px;
  border-radius: 3px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  header.header-two .search-navigation-full .search form .sbHolder {
    width: 75px;
  }
}

header.header-two .search-navigation-full .search form .sbHolder:before {
  content: "";
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  width: 1px;
  position: absolute;
  left: 0px;
  height: 30px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

header.header-two .search-navigation-full .search form .sbHolder .sbToggle {
  margin-top: 13px;
}

@media only screen and (max-width: 767px) {
  header.header-two .search-navigation-full .search form .sbHolder .sbToggle {
    margin-right: -17px;
  }
}

header.header-two .search-navigation-full .search form .sbHolder .sbSelector {
  margin-top: 13px;
}

header.header-two .search-navigation-full .search form .sbHolder .sbOptions {
  top: 44px !important;
  width: 150px !important;
  left: -15px !important;
}

header.header-two .search-navigation-full .search form input {
  border: none;
  background: transparent;
  height: 45px;
  float: left;
  width: 425px;
  padding-left: 50px;
  text-indent: 20px;
  font-family: "Times New Roman";
  font-weight: 300;
  font-size: 1.38462em;
  color: rgba(0, 0, 0, 0.7);
}

header.header-two .search-navigation-full .search form input::-webkit-input-placeholder {
  font-style: italic;
}

header.header-two .search-navigation-full .search form input::-moz-placeholder {
  font-style: italic;
}

header.header-two .search-navigation-full .search form input:-moz-placeholder {
  font-style: italic;
}

header.header-two .search-navigation-full .search form input:-ms-input-placeholder {
  font-style: italic;
}

@media only screen and (max-width: 1025px) {
  header.header-two .search-navigation-full .search form input {
    width: 245px;
  }
}

@media only screen and (max-width: 767px) {
  header.header-two .search-navigation-full .search form input {
    width: 150px;
    font-size: 1em;
    padding-left: 10px;
  }
}

header.header-two .search-navigation-full .search form button {
  border: none;
  background: #f07c29;
  color: #fff;
  width: 113px;
  height: 46px;
  border-radius: 3px;
  font-size: 1.38462em;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 800;
  text-align: center;
  line-height: 42px;
  letter-spacing: 0.25px;
}

@media only screen and (max-width: 767px) {
  header.header-two .search-navigation-full .search form button {
    width: 60px;
    font-size: 0.9em;
  }
}

header.header-two .search-navigation-full .search form button:hover {
  background: rgba(0, 0, 0, 0.8);
}

header.header-two .nav-right {
  float: right;
  width: auto;
  height: 60px;
  position: relative;
  padding-right: 40px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 780px) {
  header.header-two .nav-right {
    top: 0;
  }
}

header.header-two .nav-right .list-right-nav {
  float: left;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

header.header-two .nav-right .list-right-nav li {
  float: left;
  margin-right: 25px;
  text-align: center;
  height: 60px;
  position: relative;
  font-family: "Times New Roman";
  line-height: 21px;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.07692em;
  margin-top: 10px;
}

header.header-two .nav-right .list-right-nav li:hover {
  color: #f07c29 !important;
}

header.header-two .nav-right .list-right-nav li:hover a, header.header-two .nav-right .list-right-nav li:hover:before, header.header-two .nav-right .list-right-nav li:hover:after {
  color: #f07c29 !important;
}

header.header-two .nav-right .list-right-nav li a {
  font-weight: bold;
  display: inline-block;
  vertical-align: bottom;
}

header.header-two .nav-right .list-right-nav li:first-child:before {
  content: "\f023";
  font-family: "FontAwesome";
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgba(0, 0, 0, 0.3);
}

header.header-two .nav-right .list-right-nav li:last-child {
  text-align: left;
}

header.header-two .nav-right .list-right-nav li:last-child:before {
  content: "\f08a";
  font-family: "FontAwesome";
  float: left;
  width: 100%;
  height: 20px;
  text-align: left;
  color: rgba(0, 0, 0, 0.3);
}

header.header-two .nav-right .woocomerce-cart {
  top: 15px;
  float: right;
  position: absolute;
}

header.header-two .nav-right .woocomerce-cart:before {
  height: 45px;
}

/*Stick menu with search*/
.menu-fix-all .container {
  position: relative;
}

.search-cart {
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 999;
  width: 180px;
}

.search-cart .search-form {
  position: relative;
  right: -90px;
}

.search-cart .search-form i {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 11;
}

.search-cart form {
  float: left;
  position: relative;
  top: 3px;
  padding-right: 10px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  z-index: 999;
  background: #fff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.search-cart form.focus-class {
  width: 130px;
  margin-left: -95px;
}

.search-cart input {
  width: 100%;
  border: none;
  width: 15px;
  position: absolute;
  top: 6px;
  z-index: 33;
  background: transparent;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.search-cart input:focus {
  width: 120px;
  right: 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.search-cart .cart-icon {
  position: relative;
  width: 50px;
  float: right;
  top: 5px;
}

.search-cart .cart-icon i {
  font-size: 2.30769em;
}

.search-cart .cart-icon p {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -5px;
  right: 2px;
  border-radius: 50px;
  background: #f07c29;
  color: #fff;
  text-align: center;
}

/*End search sticky*/
.beau-logo {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 780px) {
  .beau-logo {
    margin-top: -55px;
  }
}

#menu-top {
  float: right;
  width: auto;
  height: 35px;
  line-height: 35px;
}

#menu-top.right-nav .small-nav {
  list-style: none;
  float: right;
  padding-left: 0px;
}

#menu-top.right-nav .small-nav li {
  float: left;
  margin-right: 12px;
  margin-left: 12px;
  font-weight: bold;
  position: relative;
  color: rgba(0, 0, 0, 0.4) !important;
}

#menu-top.right-nav .small-nav li:hover {
  color: #000;
}

#menu-top.right-nav .small-nav li:after {
  content: "";
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  right: -15px;
  height: 15px;
  width: 1px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#menu-top.right-nav .small-nav li:last-child {
  margin-right: 0px;
  border: none;
}

#menu-top.right-nav .small-nav li:last-child:after {
  border-right: 0px;
}

#menu-top.right-nav .small-nav li:nth-child(3):before {
  font-family: "FontAwesome";
  content: "\f08a";
  margin-right: 5px;
  color: rgba(0, 0, 0, 0.4) !important;
}

#menu-top.right-nav .small-nav li:first-child {
  margin-left: 0px;
}

#menu-top.right-nav .small-nav li a {
  color: rgba(0, 0, 0, 0.4) !important;
}

#menu-top.right-nav .small-nav li a:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}

#menu-top.right-nav .small-nav li:hover:before {
  color: rgba(0, 0, 0, 0.8) !important;
}

.header-bottom {
  float: left;
  width: 100%;
  height: 75px;
}

.header-bottom.stick {
  background: #fff;
  position: fixed;
  box-shadow: 0px 0px 6px #DFDFDF;
  height: 100px;
  top: 0;
  z-index: 9;
}

#main-nav {
  float: left;
  width: 100%;
  height: auto;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  z-index: 9999;
}

@media only screen and (max-width: 1025px) {
  #main-nav {
    display: none;
  }
}

#main-nav .woocomerce-cart {
  position: absolute;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
  font-family: "Lato", sans-serif;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  font-family: "Lato", sans-serif;
}

a[title~="title-sub"] {
  position: relative !important;
  margin-bottom: 30px !important;
}

a[title~="title-sub"].mega-menu-link:after {
  content: '';
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  width: 100%;
  position: absolute;
  height: 1px;
  bottom: -13px;
  left: 0;
}

#main-navigation, #mega-menu-wrap-main-menu {
  list-style: none;
  padding-left: 0px;
  padding-bottom: 0px;
  position: relative;
  line-height: 31px;
  margin-bottom: 0px;
}

#main-navigation .menu-item, #main-navigation li, #mega-menu-wrap-main-menu .menu-item, #mega-menu-wrap-main-menu li {
  float: left;
  margin-right: 43px;
  position: relative;
}

#main-navigation .menu-item:hover, #main-navigation li:hover, #mega-menu-wrap-main-menu .menu-item:hover, #mega-menu-wrap-main-menu li:hover {
  color: #f07c29 !important;
}

#main-navigation .menu-item:last-child, #main-navigation li:last-child, #mega-menu-wrap-main-menu .menu-item:last-child, #mega-menu-wrap-main-menu li:last-child {
  margin-right: 0px;
}

#main-navigation .menu-item a, #main-navigation .menu-item .mega-menu-link, #main-navigation li a, #main-navigation li .mega-menu-link, #mega-menu-wrap-main-menu .menu-item a, #mega-menu-wrap-main-menu .menu-item .mega-menu-link, #mega-menu-wrap-main-menu li a, #mega-menu-wrap-main-menu li .mega-menu-link {
  text-transform: uppercase;
  color: #000;
  font-size: 1.07692em;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  letter-spacing: 0.3px;
}

#main-navigation .menu-item a:hover, #main-navigation .menu-item .mega-menu-link:hover, #main-navigation li a:hover, #main-navigation li .mega-menu-link:hover, #mega-menu-wrap-main-menu .menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .mega-menu-link:hover, #mega-menu-wrap-main-menu li a:hover, #mega-menu-wrap-main-menu li .mega-menu-link:hover {
  color: #f07c29;
}

#main-navigation .menu-item.menu-item-has-children:after, #main-navigation li.menu-item-has-children:after, #mega-menu-wrap-main-menu .menu-item.menu-item-has-children:after, #mega-menu-wrap-main-menu li.menu-item-has-children:after {
  font-family: "FontAwesome";
  content: '\f0d7';
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.3);
}

#main-navigation .menu-item:hover .sub-menu, #main-navigation li:hover .sub-menu, #mega-menu-wrap-main-menu .menu-item:hover .sub-menu, #mega-menu-wrap-main-menu li:hover .sub-menu {
  display: block;
}

#main-navigation .menu-item:hover .sub-menu .menu-item a, #main-navigation li:hover .sub-menu .menu-item a, #mega-menu-wrap-main-menu .menu-item:hover .sub-menu .menu-item a, #mega-menu-wrap-main-menu li:hover .sub-menu .menu-item a {
  color: #fff;
}

#main-navigation .menu-item:hover .sub-menu .menu-item .sub-menu, #main-navigation li:hover .sub-menu .menu-item .sub-menu, #mega-menu-wrap-main-menu .menu-item:hover .sub-menu .menu-item .sub-menu, #mega-menu-wrap-main-menu li:hover .sub-menu .menu-item .sub-menu {
  display: none;
}

#main-navigation .menu-item:hover .sub-menu .menu-item:hover .sub-menu, #main-navigation li:hover .sub-menu .menu-item:hover .sub-menu, #mega-menu-wrap-main-menu .menu-item:hover .sub-menu .menu-item:hover .sub-menu, #mega-menu-wrap-main-menu li:hover .sub-menu .menu-item:hover .sub-menu {
  display: block;
}

#main-navigation .menu-item .sub-menu, #main-navigation li .sub-menu, #mega-menu-wrap-main-menu .menu-item .sub-menu, #mega-menu-wrap-main-menu li .sub-menu {
  display: none;
}

#main-navigation .menu-item .sub-menu, #main-navigation .menu-item .dhmm-child, #main-navigation li .sub-menu, #main-navigation li .dhmm-child, #mega-menu-wrap-main-menu .menu-item .sub-menu, #mega-menu-wrap-main-menu .menu-item .dhmm-child, #mega-menu-wrap-main-menu li .sub-menu, #mega-menu-wrap-main-menu li .dhmm-child {
  position: absolute;
  left: -1px;
  padding-left: 0px;
  top: 29px;
  padding-top: 24px;
  z-index: 99999;
  width: 200px;
  background: transparent;
  border: none;
  box-shadow: none;
}

#main-navigation .menu-item .sub-menu li:after, #main-navigation .menu-item .dhmm-child li:after, #main-navigation li .sub-menu li:after, #main-navigation li .dhmm-child li:after, #mega-menu-wrap-main-menu .menu-item .sub-menu li:after, #mega-menu-wrap-main-menu .menu-item .dhmm-child li:after, #mega-menu-wrap-main-menu li .sub-menu li:after, #mega-menu-wrap-main-menu li .dhmm-child li:after {
  content: "";
  display: none;
}

#main-navigation .menu-item .sub-menu .menu-item, #main-navigation .menu-item .sub-menu .menu-item:hover, #main-navigation .menu-item .sub-menu.current-menu-item, #main-navigation .menu-item .dhmm-child .menu-item, #main-navigation .menu-item .dhmm-child .menu-item:hover, #main-navigation .menu-item .dhmm-child.current-menu-item, #main-navigation li .sub-menu .menu-item, #main-navigation li .sub-menu .menu-item:hover, #main-navigation li .sub-menu.current-menu-item, #main-navigation li .dhmm-child .menu-item, #main-navigation li .dhmm-child .menu-item:hover, #main-navigation li .dhmm-child.current-menu-item, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item, #mega-menu-wrap-main-menu li .sub-menu .menu-item, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item, #mega-menu-wrap-main-menu li .dhmm-child .menu-item, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item {
  background: #2f2f2f;
  position: relative;
  padding: 0;
  height: auto;
  border: none !important;
  border-radius: 0 !important;
}

#main-navigation .menu-item .sub-menu .menu-item a, #main-navigation .menu-item .sub-menu .menu-item a:hover, #main-navigation .menu-item .sub-menu .menu-item:hover a, #main-navigation .menu-item .sub-menu .menu-item:hover a:hover, #main-navigation .menu-item .sub-menu.current-menu-item a, #main-navigation .menu-item .sub-menu.current-menu-item a:hover, #main-navigation .menu-item .dhmm-child .menu-item a, #main-navigation .menu-item .dhmm-child .menu-item a:hover, #main-navigation .menu-item .dhmm-child .menu-item:hover a, #main-navigation .menu-item .dhmm-child .menu-item:hover a:hover, #main-navigation .menu-item .dhmm-child.current-menu-item a, #main-navigation .menu-item .dhmm-child.current-menu-item a:hover, #main-navigation li .sub-menu .menu-item a, #main-navigation li .sub-menu .menu-item a:hover, #main-navigation li .sub-menu .menu-item:hover a, #main-navigation li .sub-menu .menu-item:hover a:hover, #main-navigation li .sub-menu.current-menu-item a, #main-navigation li .sub-menu.current-menu-item a:hover, #main-navigation li .dhmm-child .menu-item a, #main-navigation li .dhmm-child .menu-item a:hover, #main-navigation li .dhmm-child .menu-item:hover a, #main-navigation li .dhmm-child .menu-item:hover a:hover, #main-navigation li .dhmm-child.current-menu-item a, #main-navigation li .dhmm-child.current-menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item a, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover a, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item a, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item a, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover a, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item a, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item a:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item a, #mega-menu-wrap-main-menu li .sub-menu .menu-item a:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover a, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover a:hover, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item a, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item a:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item a, #mega-menu-wrap-main-menu li .dhmm-child .menu-item a:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover a, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover a:hover, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item a, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item a:hover {
  border-radius: 0;
  width: 180px;
  margin-left: 20px;
  margin-right: 20px;
  float: left;
  text-align: left !important;
  padding: 10px 0 !important;
  line-height: 18px;
  border-bottom: 1px solid #444;
}

#main-navigation .menu-item .sub-menu .menu-item a:hover, #main-navigation .menu-item .sub-menu .menu-item a:hover:hover, #main-navigation .menu-item .sub-menu .menu-item:hover a:hover, #main-navigation .menu-item .sub-menu .menu-item:hover a:hover:hover, #main-navigation .menu-item .sub-menu.current-menu-item a:hover, #main-navigation .menu-item .sub-menu.current-menu-item a:hover:hover, #main-navigation .menu-item .dhmm-child .menu-item a:hover, #main-navigation .menu-item .dhmm-child .menu-item a:hover:hover, #main-navigation .menu-item .dhmm-child .menu-item:hover a:hover, #main-navigation .menu-item .dhmm-child .menu-item:hover a:hover:hover, #main-navigation .menu-item .dhmm-child.current-menu-item a:hover, #main-navigation .menu-item .dhmm-child.current-menu-item a:hover:hover, #main-navigation li .sub-menu .menu-item a:hover, #main-navigation li .sub-menu .menu-item a:hover:hover, #main-navigation li .sub-menu .menu-item:hover a:hover, #main-navigation li .sub-menu .menu-item:hover a:hover:hover, #main-navigation li .sub-menu.current-menu-item a:hover, #main-navigation li .sub-menu.current-menu-item a:hover:hover, #main-navigation li .dhmm-child .menu-item a:hover, #main-navigation li .dhmm-child .menu-item a:hover:hover, #main-navigation li .dhmm-child .menu-item:hover a:hover, #main-navigation li .dhmm-child .menu-item:hover a:hover:hover, #main-navigation li .dhmm-child.current-menu-item a:hover, #main-navigation li .dhmm-child.current-menu-item a:hover:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item a:hover:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover a:hover:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item a:hover:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item a:hover:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover a:hover:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item a:hover:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item a:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item a:hover:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover a:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover a:hover:hover, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item a:hover, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item a:hover:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item a:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item a:hover:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover a:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover a:hover:hover, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item a:hover, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item a:hover:hover {
  border-color: #f07c29;
  color: #f07c29 !important;
}

#main-navigation .menu-item .sub-menu .menu-item:last-child a, #main-navigation .menu-item .sub-menu .menu-item:hover:last-child a, #main-navigation .menu-item .sub-menu.current-menu-item:last-child a, #main-navigation .menu-item .dhmm-child .menu-item:last-child a, #main-navigation .menu-item .dhmm-child .menu-item:hover:last-child a, #main-navigation .menu-item .dhmm-child.current-menu-item:last-child a, #main-navigation li .sub-menu .menu-item:last-child a, #main-navigation li .sub-menu .menu-item:hover:last-child a, #main-navigation li .sub-menu.current-menu-item:last-child a, #main-navigation li .dhmm-child .menu-item:last-child a, #main-navigation li .dhmm-child .menu-item:hover:last-child a, #main-navigation li .dhmm-child.current-menu-item:last-child a, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:last-child a, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover:last-child a, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item:last-child a, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:last-child a, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover:last-child a, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item:last-child a, #mega-menu-wrap-main-menu li .sub-menu .menu-item:last-child a, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover:last-child a, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item:last-child a, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:last-child a, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover:last-child a, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item:last-child a {
  border-bottom: none;
}

#main-navigation .menu-item .sub-menu .menu-item .sub-menu, #main-navigation .menu-item .sub-menu .menu-item:hover .sub-menu, #main-navigation .menu-item .sub-menu.current-menu-item .sub-menu, #main-navigation .menu-item .dhmm-child .menu-item .sub-menu, #main-navigation .menu-item .dhmm-child .menu-item:hover .sub-menu, #main-navigation .menu-item .dhmm-child.current-menu-item .sub-menu, #main-navigation li .sub-menu .menu-item .sub-menu, #main-navigation li .sub-menu .menu-item:hover .sub-menu, #main-navigation li .sub-menu.current-menu-item .sub-menu, #main-navigation li .dhmm-child .menu-item .sub-menu, #main-navigation li .dhmm-child .menu-item:hover .sub-menu, #main-navigation li .dhmm-child.current-menu-item .sub-menu, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item .sub-menu, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover .sub-menu, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item .sub-menu, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item .sub-menu, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover .sub-menu, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item .sub-menu, #mega-menu-wrap-main-menu li .sub-menu .menu-item .sub-menu, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover .sub-menu, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item .sub-menu, #mega-menu-wrap-main-menu li .dhmm-child .menu-item .sub-menu, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover .sub-menu, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item .sub-menu {
  position: absolute;
  left: 170px;
  top: 0px;
  padding-top: 0px;
  z-index: 999;
}

#main-navigation .menu-item .sub-menu .menu-item .sub-menu li a, #main-navigation .menu-item .sub-menu .menu-item:hover .sub-menu li a, #main-navigation .menu-item .sub-menu.current-menu-item .sub-menu li a, #main-navigation .menu-item .dhmm-child .menu-item .sub-menu li a, #main-navigation .menu-item .dhmm-child .menu-item:hover .sub-menu li a, #main-navigation .menu-item .dhmm-child.current-menu-item .sub-menu li a, #main-navigation li .sub-menu .menu-item .sub-menu li a, #main-navigation li .sub-menu .menu-item:hover .sub-menu li a, #main-navigation li .sub-menu.current-menu-item .sub-menu li a, #main-navigation li .dhmm-child .menu-item .sub-menu li a, #main-navigation li .dhmm-child .menu-item:hover .sub-menu li a, #main-navigation li .dhmm-child.current-menu-item .sub-menu li a, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item .sub-menu li a, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover .sub-menu li a, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item .sub-menu li a, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item .sub-menu li a, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover .sub-menu li a, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item .sub-menu li a, #mega-menu-wrap-main-menu li .sub-menu .menu-item .sub-menu li a, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover .sub-menu li a, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item .sub-menu li a, #mega-menu-wrap-main-menu li .dhmm-child .menu-item .sub-menu li a, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover .sub-menu li a, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item .sub-menu li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#main-navigation .menu-item .sub-menu .menu-item .sub-menu li a:hover, #main-navigation .menu-item .sub-menu .menu-item:hover .sub-menu li a:hover, #main-navigation .menu-item .sub-menu.current-menu-item .sub-menu li a:hover, #main-navigation .menu-item .dhmm-child .menu-item .sub-menu li a:hover, #main-navigation .menu-item .dhmm-child .menu-item:hover .sub-menu li a:hover, #main-navigation .menu-item .dhmm-child.current-menu-item .sub-menu li a:hover, #main-navigation li .sub-menu .menu-item .sub-menu li a:hover, #main-navigation li .sub-menu .menu-item:hover .sub-menu li a:hover, #main-navigation li .sub-menu.current-menu-item .sub-menu li a:hover, #main-navigation li .dhmm-child .menu-item .sub-menu li a:hover, #main-navigation li .dhmm-child .menu-item:hover .sub-menu li a:hover, #main-navigation li .dhmm-child.current-menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu .menu-item:hover .sub-menu li a:hover, #mega-menu-wrap-main-menu .menu-item .sub-menu.current-menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child .menu-item:hover .sub-menu li a:hover, #mega-menu-wrap-main-menu .menu-item .dhmm-child.current-menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu li .sub-menu .menu-item:hover .sub-menu li a:hover, #mega-menu-wrap-main-menu li .sub-menu.current-menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item .sub-menu li a:hover, #mega-menu-wrap-main-menu li .dhmm-child .menu-item:hover .sub-menu li a:hover, #mega-menu-wrap-main-menu li .dhmm-child.current-menu-item .sub-menu li a:hover {
  border-color: #f07c29;
}

.header-two #main-navigation {
  line-height: 40px;
  float: left;
  width: auto;
}

.header-two #main-navigation .menu-item {
  margin-right: 35px;
}

.header-two #main-navigation .menu-item a {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 0.84615em;
}

.header-two #main-navigation .menu-item.menu-item-has-children:after {
  color: rgba(240, 124, 41, 0.5);
  font-size: 0.84615em;
}

.header-two #main-navigation .menu-item .sub-menu {
  top: 15px;
}

.header-two .social-contact {
  line-height: 40px;
  width: auto;
  float: right;
  min-width: 330px;
}

.header-two .social-contact .header-phone {
  float: right;
  margin-right: 20px;
  height: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 0.92308em;
  padding-right: 20px;
}

.header-two .social-contact ul {
  list-style: none;
  float: right;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: -10px;
}

.header-two .social-contact ul li {
  float: left;
  margin-right: 15px;
}

.header-two .social-contact ul li a {
  color: rgba(255, 255, 255, 0.5);
}

.header-two .social-contact ul li a:hover {
  color: #fff;
}

.book-slider {
  float: left;
  width: 100%;
  height: auto;
}

.book-slider .slider-full {
  float: left;
  width: 100%;
  height: auto;
}

.book-slider .slider-full img {
  width: 100%;
  float: left;
  height: auto;
}

/*
08. Hot author
 */
.hot-author {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .hot-author .col-md-4 img {
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 780px) {
  .hot-author .author-img {
    padding-top: 40px;
  }
}

.hot-author .title-box {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .hot-author .title-box {
    text-align: center;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 767px) {
  .hot-author .title-box:after {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .hot-author .title-box:after {
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.hot-author .author-info {
  float: left;
  box-sizing: border-box;
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .hot-author .author-info {
    padding-right: 0px;
  }
}

.hot-author .author-info span {
  float: right;
  width: 100%;
  height: auto;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .hot-author .author-info span {
    text-align: center;
  }
}

.hot-author .author-name {
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 3.84615em;
  line-height: 53px;
}

.hot-author .author-tags {
  float: right;
  text-align: right;
  margin-bottom: 50px;
  margin-top: 10px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Lato", sans-serif;
  font-size: 0.92308em;
  line-height: 22px;
}

.hot-author .author-tags a {
  color: rgba(0, 0, 0, 0.5);
}

.hot-author .author-tags a:hover {
  color: rgba(0, 0, 0, 0.8);
}

.hot-author .author-desc {
  float: right;
  text-align: right;
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 40px;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  .hot-author .author-desc {
    margin-bottom: 20px;
  }
}

.hot-author .author-social {
  float: right;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .hot-author .author-social {
    margin-bottom: 30px;
  }
}

.hot-author .author-social ul {
  float: left;
  width: 100%;
  list-style: none;
}

@media only screen and (max-width: 767px) {
  .hot-author .author-social ul {
    padding-left: 0px;
    float: left;
    width: auto;
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.hot-author .author-social ul li {
  float: right;
  margin-left: 8px;
}

.hot-author .author-social ul li a {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  line-height: 25px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.hot-author .author-social ul li a:hover {
  background: #f07c29;
}

.hot-author .author-social ul li a:hover i {
  color: #fff !important;
}

.hot-author .author-book {
  float: left;
  width: 100%;
  box-sizing: border-box;
  list-style: none;
  padding-left: 30px;
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  .hot-author .author-book {
    padding-left: 0;
  }
}

.hot-author .author-book .author-item {
  float: left;
  width: 49%;
  min-height: 250px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.hot-author .author-book .author-item:hover .book-info .book-name a {
  color: #f07c29;
}

.hot-author .author-book .author-item .book-item {
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100px;
  height: 150px;
}

.hot-author .author-book .author-item .book-info {
  text-align: center;
  width: 100%;
}

.hot-author .author-book .author-item .book-info .book-name {
  line-height: 22px;
  font-size: 1.23077em;
}

/*
09. Title box
 */
.title-box {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.1px;
  font-size: 1.23077em;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  float: left;
  margin-bottom: 40px;
}

.title-box.book-center, .book-contact.full-center .title-box:after {
  text-align: center;
}

.title-box.title-bold {
  font-weight: 900;
  color: rgba(0, 0, 0, 0.7);
}

.title-box span {
  float: left;
  width: 100%;
  clear: both;
}

.title-box span a {
  margin-left: 8px;
  font-family: "Times New Roman";
  font-size: 0.875em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
  font-weight: normal;
}

.title-box span a:before {
  content: "/";
  margin-right: 8px;
}

.title-box span a:hover {
  color: #f07c29;
}

.title-box span a:hover:before {
  color: #f07c29;
}

.title-box:after {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  width: 60px;
  float: left;
  margin-top: 10px;
  content: "";
}

.title-box.title-hightlight {
  width: 89px;
}

.title-box.title-feature {
  float: left;
  font-weight: bold;
  color: #000;
}

.title-box.title-feature:after {
  background-color: rgba(0, 0, 0, 0.5);
}

section {
  float: left;
  width: 100%;
  height: auto;
}

/*
	Class section for extend
 */
.section, .book-hightlight-slider, .book-features, .best-seller, .book-blogs-section, .parthner-slider, .book-advertising {
  float: left;
  width: 100%;
}

/*
10. One book hightlight
 */
.book-hightlight {
  position: relative;
}

@media only screen and (min-width: 767px) {
  .book-hightlight {
    top: -120px;
  }
}

@media only screen and (max-width: 780px) {
  .book-hightlight {
    top: -95px;
  }
}

@media only screen and (max-width: 767px) {
  .book-hightlight {
    top: 0px;
  }
}

/*Some thing in mobile*/
@media only screen and (max-width: 767px) {
  .bk-list {
    margin-bottom: 40px;
    margin-top: 20px;
  }
  .bk-list li {
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .wpb_single_image .vc_single_image-wrapper {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .wpb_single_image img {
    width: 100%;
    height: auto;
  }
}

.book-today-hightlight {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .book-today-hightlight .title-box {
    text-align: center;
    width: 100%;
  }
  .book-today-hightlight .title-box:after {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 15px;
  }
}

.book-today-hightlight .book-info {
  box-sizing: border-box;
  padding-left: 15px;
  margin-top: -30px;
}

@media only screen and (max-width: 1025px) {
  .book-today-hightlight .book-info {
    padding-left: 35px;
  }
}

@media only screen and (max-width: 780px) {
  .book-today-hightlight .book-info {
    padding-left: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .book-today-hightlight .book-info {
    padding-left: 0px;
    margin-bottom: 100px;
    text-align: center;
  }
}

.book-today-hightlight .book-info .book-name {
  font-size: 3.46154em;
  line-height: 50px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .book-today-hightlight .book-info .book-name {
    font-size: 1.92308em;
    width: 100%;
    line-height: 30px;
    text-align: center;
  }
}

.book-today-hightlight .book-info .book-author {
  margin-bottom: 15px;
  font-size: 1.23077em;
  line-height: 25px;
}

@media only screen and (max-width: 767px) {
  .book-today-hightlight .book-info .book-author {
    text-align: center;
  }
}

.book-today-hightlight .book-info .book-price {
  font-size: 2.30769em;
}

@media only screen and (max-width: 767px) {
  .book-today-hightlight .book-info .book-price {
    text-align: center;
    font-size: 1.23077em;
  }
}

.book-today-hightlight.big-hightlight .book-info {
  box-sizing: border-box;
  padding-left: 30px;
}

@media only screen and (max-width: 1025px) {
  .book-today-hightlight.big-hightlight .book-info {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .book-today-hightlight.big-hightlight .book-info {
    margin-left: 0px;
    padding-left: 0px;
  }
}

.book-today-hightlight.big-hightlight .book-info .book-review {
  margin-bottom: 30px;
}

.book-today-hightlight.big-hightlight .book-info .book-price {
  margin-bottom: 30px;
}

.book-today-hightlight.big-hightlight .book-info .book-desc {
  margin-bottom: 30px;
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 1em;
  color: #262626;
  line-height: 22px;
}

.book-today-hightlight.big-hightlight .book-info .book-tags {
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 0.92308em;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  .book-today-hightlight.big-hightlight .book-info .book-tags {
    float: left;
    width: 100%;
    text-align: center;
  }
}

/*
11. Slider product
 */
.book-slider-feature {
  float: left;
  width: 95%;
  height: 420px;
}

.book-slider-feature .swiper-slide {
  float: left;
}

.book-slider-feature .swiper-slide .book-item-slide {
  width: 160px;
  height: auto;
  float: left;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (min-width: 767px) {
  .book-slider-feature .swiper-slide:nth-child(even) {
    margin-top: 50px;
  }
}

.book-slider-feature .swiper-slide .book-info {
  width: 160px;
  text-align: center;
  margin-top: 20px;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.book-slider-feature .swiper-slide .book-info .book-rate {
  margin-bottom: 10px;
}

.book-slider-feature .swiper-slide .book-info .book-name {
  font-size: 1.38462em;
  line-height: 20px;
  margin-bottom: 5px;
  margin-top: 0px;
}

.book-slider-feature .swiper-slide .book-info .book-price {
  margin-top: 15px;
  line-height: 32px;
}

.book-slider-feature.book-option2 .swiper-slide:nth-child(even) {
  margin-top: 0px;
}

.hightlight-slider-section {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
  background: #ede8de;
}

.hightlight-slider-section:after {
  background: #fff;
  width: 100%;
  height: 55%;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.hightlight-slider-section .container {
  position: relative;
}

.hightlight-slider-section .container .btn-prev, .hightlight-slider-section .container .btn-next {
  top: 35%;
}

@media only screen and (max-width: 1025px) {
  .hightlight-slider-section .container .btn-prev, .hightlight-slider-section .container .btn-next {
    display: none;
  }
}

.book-slider-hightlight {
  height: 600px;
}

@media only screen and (max-width: 767px) {
  .book-slider-hightlight {
    height: 450px;
  }
}

.book-slider-hightlight .swiper-slide {
  height: auto;
  margin-top: 40px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book-slider-hightlight .swiper-slide .book-item {
  width: 160px;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book-slider-hightlight .swiper-slide .book-image {
  width: 160px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book-slider-hightlight .swiper-slide .book-image img {
  width: 160px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book-slider-hightlight .swiper-slide .book-info {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book-slider-hightlight .swiper-slide .book-info .book-name {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.book-slider-hightlight .swiper-slide .book-actions {
  width: 160px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

@media only screen and (min-width: 767px) {
  .book-slider-hightlight .swiper-slide.swiper-slide-active {
    width: 215px !important;
    margin-top: 0px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }
  .book-slider-hightlight .swiper-slide.swiper-slide-active .book-item, .book-slider-hightlight .swiper-slide.swiper-slide-active .book-actions, .book-slider-hightlight .swiper-slide.swiper-slide-active .book-image {
    width: 215px;
  }
  .book-slider-hightlight .swiper-slide.swiper-slide-active .book-item {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }
  .book-slider-hightlight .swiper-slide.swiper-slide-active .book-image img {
    width: 215px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }
  .book-slider-hightlight .swiper-slide.swiper-slide-active .book-info {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }
  .book-slider-hightlight .swiper-slide.swiper-slide-active .book-info .book-name {
    font-size: 3.07692em;
    line-height: 40px;
  }
  .book-slider-hightlight .swiper-slide.swiper-slide-active .book-info .book-author {
    opacity: 0.7;
  }
}

.book-hightlight-slider .title-box {
  text-align: center;
  width: 100%;
}

.book-hightlight-slider .title-box:after {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
}

.book-hightlight-slider .book-item-slide {
  float: left;
}

@media only screen and (max-width: 767px) {
  .book-hightlight-slider .book-item-slide {
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.book-hightlight-slider .book-item-slide .book-info {
  text-align: center;
  margin-top: 15px;
}

.book-hightlight-slider .book-item-slide .book-info .book-rate {
  margin-bottom: 7px;
}

.book-hightlight-slider .book-item-slide .book-info .book-name {
  margin-top: 0px;
}

.book-hightlight-slider .book-item-slide .book-info .book-author {
  margin-top: 5px;
}

.book-hightlight-slider .book-item-slide .book-info .book-price {
  margin-top: 15px;
}

.book-hightlight-slider .book-item-slide .book-info .book-price img {
  width: auto !important;
}

/*
12. Promotion
 */
.book-promotion {
  float: left;
  width: 100%;
  height: auto;
}

.book-promotion .promot-item {
  box-sizing: border-box;
  margin-left: 15px;
  margin-right: 15px;
  width: 335px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

.book-promotion .promot-item img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.book-promotion .promot-item:first-child {
  margin-left: 0px;
}

.book-promotion .promot-item:last-child {
  margin-right: 0px;
}

/*
13. Feature section
 */
.feature-section {
  float: left;
  position: relative;
  width: 100%;
  height: auto;
}

.feature-section .container {
  position: relative;
}

.feature-section .products li {
  width: 16% !important;
}

.feature-section .products li:nth-child(5) {
  position: absolute !important;
  right: 0;
}

.feature-section .products li span.onsale {
  background-color: #f07c29;
  top: 55px !important;
  left: 94.5%;
  width: 40px;
  height: 40px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 99;
  font-size: .757em;
}

.feature-section .products li .book-item {
  width: 93%;
}

.feature-section .products li .book-item .book-image img {
  margin: 0;
  max-width: 160px;
}

.feature-section .products li .book-info {
  position: relative;
}

.feature-section .products li .book-info .star-rating {
  color: #dedede;
  position: relative;
  margin-top: 20px;
  margin-bottom: -10px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.feature-section .products li .book-info .star-rating span:before {
  color: #f07c29;
}

.feature-section .products li .book-info .book-price .price span {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-weight: bold;
  color: #f07c29;
  font-size: 1.538461538em;
}

.feature-section .products li .book-info .book-price .price del span {
  color: rgba(0, 0, 0, 0.3);
  font-size: 0.92308em;
  text-decoration: line-through;
}

.feature-section .products li .book-info .book-desc {
  display: none;
}

.feature-section .book-slider-feature {
  position: relative;
  z-index: 11;
}

.feature-section:after {
  width: 100%;
  height: 50%;
  position: absolute;
  background: #fff;
  left: 0px;
  bottom: 0px;
  content: "";
}

.feature-section.feature-option2 {
  padding-bottom: 85px;
  background: #fff;
}

.feature-section.feature-option2:after {
  display: none;
}

.book-features {
  height: auto;
}

.book-features .title-feature {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .book-features .title-box {
    text-align: center;
    width: 100%;
  }
  .book-features .title-box:after {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 15px;
  }
}

.book-features:before {
  width: 100%;
  height: 50%;
  float: left;
  background: #ede8de;
  content: "";
}

.book-features .feature-button-prev {
  top: 41%;
}

@media only screen and (max-width: 1025px) {
  .book-features .feature-button-prev {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .book-features .feature-button-prev {
    display: block;
    left: initial;
  }
}

.book-features .feature-button-next {
  top: 41%;
}

@media only screen and (max-width: 1025px) {
  .book-features .feature-button-next {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .book-features .feature-button-next {
    display: block;
    right: 20px;
  }
}

.book-slider-feature {
  float: left;
  width: 100%;
}

.swiper-arrow {
  display: none;
}

.swiper-arrow div {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.swiper-arrow div.book-feature-left {
  left: 0px;
}

.best-seller-section, .best-seller {
  max-height: 500px;
}

@media only screen and (min-width: 767px) {
  .best-seller-section-option2, .best-seller.book-center, .book-contact.full-center .best-seller.title-box:after {
    max-height: 500px;
  }
}

.best-seller-section-option2 .book-hot, .best-seller.book-center .book-hot, .book-contact.full-center .best-seller.title-box:after .book-hot {
  padding-left: 5px;
}

@media only screen and (max-width: 1025px) {
  .best-seller-section-option2 .book-hot, .best-seller.book-center .book-hot, .book-contact.full-center .best-seller.title-box:after .book-hot {
    padding-left: 25px;
  }
}

@media only screen and (max-width: 780px) {
  .best-seller-section-option2 .book-hot, .best-seller.book-center .book-hot, .book-contact.full-center .best-seller.title-box:after .book-hot {
    padding-left: 5px;
  }
}

.best-seller {
  float: left;
  width: 100%;
  height: auto;
  z-index: 1;
}

@media only screen and (min-width: 780px) {
  .best-seller {
    max-height: 440px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 780px) {
  .best-seller {
    padding-bottom: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .best-seller {
    padding-bottom: 700px !important;
  }
}

.best-seller.book-center .title-box, .book-contact.full-center .best-seller.title-box:after .title-box {
  text-align: center;
  width: 100%;
}

.best-seller.book-center .title-box:after, .book-contact.full-center .best-seller.title-box:after .title-box:after {
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
}

.book-bestseller {
  position: relative;
  z-index: 90;
}

.book-bestseller .book-info {
  box-sizing: border-box;
  padding-right: 35px;
  text-align: right;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .book-bestseller .book-info {
    padding-right: 0px;
    height: auto;
    margin-bottom: 30px;
  }
}

.book-bestseller .book-info .title-box {
  width: 100%;
}

.book-bestseller .book-info .title-box:after {
  float: right;
}

@media only screen and (max-width: 767px) {
  .book-bestseller .book-info .title-box {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .book-bestseller .book-info .title-box:after {
    position: absolute;
    top: 15px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.book-bestseller .book-info .book-name {
  font-size: 3.84615em;
  line-height: 53px;
}

@media only screen and (max-width: 767px) {
  .book-bestseller .book-info .book-name {
    font-size: 1.92308em;
    line-height: 30px;
    text-align: center;
    width: 100%;
  }
}

.book-bestseller .book-info .book-author {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1.23077em;
  line-height: 25px;
}

@media only screen and (max-width: 767px) {
  .book-bestseller .book-info .book-author {
    font-size: 1.07692em;
    text-align: center;
    margin-bottom: 0px;
  }
}

.book-bestseller .book-info .book-price {
  margin-top: 30px;
  font-size: 2.30769em;
}

@media only screen and (max-width: 767px) {
  .book-bestseller .book-info .book-price {
    font-size: 1.92308em;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
}

.book-bestseller .book-description {
  min-height: 340px;
}

@media only screen and (max-width: 780px) {
  .book-bestseller .book-description {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .book-bestseller .book-description {
    display: none;
  }
}

.book-bestseller .book-description .book-description-content {
  position: absolute;
  left: 30px;
  bottom: 0px;
  height: auto;
}

@media only screen and (min-width: 780px) {
  .book-bestseller .book-description .book-description-content {
    width: 100%;
  }
}

@media only screen and (max-width: 1025px) {
  .book-bestseller .book-description .book-description-content {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1025px) and (max-width: 780px) {
  .book-bestseller .book-description .book-description-content {
    padding-left: 0px;
    float: right;
  }
}

.book-bestseller .book-description .book-description-content .book-desc {
  font-family: "Merriweather", serif;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  line-height: 22px;
  letter-spacing: 0.1px;
  font-size: 1em;
}

@media only screen and (max-width: 780px) {
  .book-bestseller .book-description .book-description-content .book-desc {
    padding-right: 15px;
  }
}

.book-bestseller .book-description .book-description-content .book-tags {
  float: left;
  text-transform: uppercase;
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.4);
}

.book-bestseller .book-description .book-description-content .book-tags a {
  font-family: "Lato", sans-serif;
  font-size: 0.92308em;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0.5px;
}

.best-center .book-bestseller .book-info {
  margin-top: 60px;
}

.best-center .book-description {
  min-height: 320px;
}

.book-testimonial {
  height: 240px;
}

/*
14. Testimonial
 */
.testimonial-section {
  float: left;
  width: 100%;
  min-height: 250px;
  text-align: center;
}

.testimonial-section .container {
  position: relative;
}

.testimonial-author .author-name {
  margin-right: 15px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #fff;
}

.testimonial-author .author-avatar {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.testimonial-author .author-avatar img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\\'http://www.w3.org/2000/svg\\'><filter id=\\'grayscale\\'><feColorMatrix type=\\'matrix\\' values=\\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\\'/></filter></svg>#grayscale");
  filter: gray alpha(opacity=round(100));
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.testimonial-author .author-job {
  margin-left: 15px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
  color: rgba(255, 255, 255, 0.8);
}

.testimonial-message {
  width: 70%;
  margin-top: 35px;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "Times New Roman";
  font-size: 1.53846em;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  letter-spacing: 0.2px;
}

@media only screen and (max-width: 780px) {
  .testimonial-message {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-message {
    width: 100%;
    line-height: 20px;
    font-size: 1.23077em;
  }
}

.testimonial-half, .subcribe-half {
  background-size: cover;
  height: 400px;
  float: left;
  position: relative;
}

.testimonial-half .book-half-testimonial, .subcribe-half .book-half-testimonial {
  float: left;
  position: absolute;
  width: 560px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 200px;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 780px) {
  .testimonial-half .book-half-testimonial, .subcribe-half .book-half-testimonial {
    width: 100%;
  }
}

.testimonial-half .book-half-testimonial .testi-message, .subcribe-half .book-half-testimonial .testi-message {
  font-family: "Times New Roman";
  font-size: 1.53846em;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.7);
  font-style: italic;
  padding-left: 6.5%;
  padding-right: 6.5%;
  padding-top: 20px;
  position: relative;
  padding-bottom: 30px;
}

@media only screen and (max-width: 780px) {
  .testimonial-half .book-half-testimonial .testi-message, .subcribe-half .book-half-testimonial .testi-message {
    font-size: 1.38462em;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-half .book-half-testimonial .testi-message, .subcribe-half .book-half-testimonial .testi-message {
    font-size: 1.23077em;
  }
}

.testimonial-half .book-half-testimonial .testi-message:after, .subcribe-half .book-half-testimonial .testi-message:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.testimonial-half .book-half-testimonial .testi-author ul, .subcribe-half .book-half-testimonial .testi-author ul {
  margin-top: 25px;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  float: left;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial-half .book-half-testimonial .testi-author ul li, .subcribe-half .book-half-testimonial .testi-author ul li {
  float: left;
  font-family: "Lato", sans-serif;
}

.testimonial-half .book-half-testimonial .testi-author ul li:after, .subcribe-half .book-half-testimonial .testi-author ul li:after {
  content: "/";
  margin-left: 10px;
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.3);
}

.testimonial-half .book-half-testimonial .testi-author ul li:first-child, .subcribe-half .book-half-testimonial .testi-author ul li:first-child {
  font-size: 1.07692em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}

.testimonial-half .book-half-testimonial .testi-author ul li:last-child, .subcribe-half .book-half-testimonial .testi-author ul li:last-child {
  color: rgba(255, 255, 255, 0.3);
  font-style: italic;
}

.testimonial-half .book-half-testimonial .testi-author ul li:last-child:after, .subcribe-half .book-half-testimonial .testi-author ul li:last-child:after {
  display: none;
}

.subcribe-testimonial {
  float: left;
  width: 100%;
  height: auto;
}

.subcribe-half {
  background-size: cover;
  position: relative;
}

.subcribe-half .form-subcrible {
  position: relative;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.subcribe-half .subcribe-message-title {
  color: rgba(255, 255, 255, 0.7);
  float: left;
  font-family: "Merriweather", serif;
  margin-bottom: 30px;
}

.subcribe-half .subcribe-message-title .subcribe-title {
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.92308em;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.subcribe-half .subcribe-message-title .subcribe-message {
  float: left;
  width: 100%;
  font-family: "Merriweather", serif;
  font-size: 1em;
  line-height: 20px;
}

.testimonial-black .subcribe-half {
  height: 155px !important;
}

.testimonial-black .subcribe-half .subcribe-message-title {
  color: rgba(0, 0, 0, 0.5) !important;
}

.testimonial-black .subcribe-half * {
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.testimonial-black .subcribe-half *:hover {
  color: rgba(0, 0, 0, 0.3) !important;
}

/*
15. Blog section
 */
.book-blogs-section {
  border-top: none;
  float: left;
  width: 100%;
  height: auto;
}

.list-blog {
  float: left;
  width: 100%;
  padding-left: 0px;
  margin-bottom: 0px;
  list-style: none;
}

@media only screen and (min-width: 767px) {
  .list-blog .blog-item {
    width: 23%;
    margin-right: 2.6%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
  }
}

@media only screen and (max-width: 767px) {
  .list-blog .blog-item {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}

.list-blog .blog-item:last-child {
  margin-right: 0px;
}

.list-blog .blog-item img {
  opacity: 1;
  width: 245px;
  height: auto;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .list-blog .blog-item img {
    width: 100%;
  }
}

.list-blog .blog-item:hover img {
  -webkit-box-shadow: 10px 8px 14px -5px rgba(105, 104, 104, 0.75);
  -moz-box-shadow: 10px 8px 14px -5px rgba(105, 104, 104, 0.75);
  box-shadow: 10px 8px 14px -5px rgba(105, 104, 104, 0.75);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.list-blog .blog-item:hover .title-blog a {
  color: #f07c29 !important;
}

.list-blog .blog-item .title-blog {
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin-top: 15px;
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 1.53846em;
  line-height: 24px;
  padding-right: 25px;
}

.list-blog .blog-item .title-blog a {
  color: rgba(0, 0, 0, 0.8);
}

.list-blog .blog-item .title-blog a:hover {
  color: #f07c29;
}

.list-blog .blog-item .blog-timeup {
  box-sizing: border-box;
  float: left;
  width: 100%;
  font-family: "Merriweather", serif;
  text-indent: 0px;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 10px;
}

/*
16. Slogan text
 */
.slogan-text {
  float: left;
  width: 100%;
  padding-top: 240px;
  padding-bottom: 250px;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-family: "Times New Roman";
  font-style: italic;
  font-size: 3.84615em;
  line-height: 60px;
  background-attachment: fixed;
}

@media only screen and (max-width: 767px) {
  .slogan-text {
    font-size: 2.30769em;
    line-height: 30px;
  }
}

.slogan-text strong {
  font-weight: bold;
  font-style: normal;
}

.book-cover-description {
  float: left;
  width: 100%;
  height: auto;
  background: url(../images/bg-cover-book.jpg) no-repeat center center;
  background-size: cover;
}

.book-cover-description .container {
  position: relative;
  min-height: 660px;
}

.book-cover-description .book-cover-preview {
  float: left;
  width: 825px;
  height: 660px;
  position: absolute;
  top: 0px;
  left: -150px;
  background: url(../images/book-ipad-cover.png) no-repeat center center;
}

.book-cover-description .book-cover-descirption {
  float: right;
  position: absolute;
  width: 70%;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .book-cover-description .book-cover-descirption {
    width: 100%;
    padding: 0 25px !important;
    text-align: center;
  }
}

.book-cover-description .book-cover-descirption .book-description {
  float: left;
  width: 100%;
  height: auto;
  font-family: "Times New Roman";
}

.book-cover-description .book-cover-descirption .book-description .title-desc {
  float: left;
  font-size: 4.61538em;
  font-weight: bold;
  line-height: 65px;
  margin-bottom: 28px;
}

@media only screen and (max-width: 1025px) {
  .book-cover-description .book-cover-descirption .book-description .title-desc {
    font-size: 3.6em;
  }
}

@media only screen and (max-width: 780px) {
  .book-cover-description .book-cover-descirption .book-description .title-desc {
    width: 100%;
    float: left;
    font-size: 3.07692em;
    line-height: 40px;
  }
}

.book-cover-description .book-cover-descirption .book-description .text-desc {
  float: left;
  font-size: 1.53846em;
}

.book-cover-description .book-cover-descirption .book-button {
  margin-top: 40px;
  border-color: #fff;
  color: #fff;
  font-weight: bold;
  font-size: 0.92308em;
}

@media only screen and (max-width: 767px) {
  .book-cover-description .book-cover-descirption .book-button {
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.book-cover-description .book-cover-descirption .book-button:hover {
  border-color: #f07c29;
  background-color: #f07c29;
}

/*
17. List categories
 */
.list-categories {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 767px) {
  .list-categories {
    padding-top: 100px;
  }
}

.description-categories {
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .description-categories {
    padding-top: 50px;
  }
}

.description-categories .title-box {
  font-size: 2.30769em;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 30px;
}

.description-categories .title-box:after {
  display: none;
}

.categories-description {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 95px;
  text-align: center;
  width: 55%;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "Merriweather", serif;
  font-size: 1.38462em;
  line-height: 28px;
  font-weight: 300;
}

@media only screen and (max-width: 780px) {
  .categories-description {
    width: 90%;
  }
}

.categories-description strong {
  font-weight: bold;
  font-style: italic;
}

.cat-list-random {
  float: left;
  width: 100%;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-left: 0px;
  margin-left: -1px;
  margin-bottom: 0px;
  list-style: none;
}

.cat-list-random .cat-items {
  float: left;
  width: 25%;
  height: 200px;
  box-sizing: border-box;
  border: none;
  overflow: hidden !important;
}

@media only screen and (max-width: 780px) {
  .cat-list-random .cat-items {
    height: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .cat-list-random .cat-items {
    width: 100%;
  }
}

.cat-list-random .cat-items .category-image {
  float: left;
  background: #333;
  width: 100%;
  height: 100%;
}

.cat-list-random .cat-items .category-image img {
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.cat-list-random .cat-items img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 200px;
}

@media only screen and (max-width: 767px) {
  .cat-list-random .cat-items img {
    width: auto;
  }
}

.cat-list-random .cat-items.cat-width2 {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .cat-list-random .cat-items.cat-width2 {
    width: 100%;
  }
}

.cat-list-random .cat-items.cat-height2 {
  height: 400px;
}

@media only screen and (max-width: 780px) {
  .cat-list-random .cat-items.cat-height2 {
    height: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .cat-list-random .cat-items.cat-height2 {
    height: 130px;
  }
}

.cat-list-random .cat-items.cat-height2 img {
  min-width: 100%;
  min-height: 400px;
}

@media only screen and (max-width: 780px) {
  .cat-list-random .cat-items.cat-height2 img {
    min-height: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .cat-list-random .cat-items.cat-height2 img {
    min-height: 130px;
  }
}

.cat-list-random .cat-items:hover .category-image img {
  opacity: 1;
  min-width: 110%;
  min-height: 210px;
}

.cat-list-random .cat-items a {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}

.cat-list-random .cat-items a .category-info {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  z-index: 99;
}

.cat-list-random .cat-items a .category-info span {
  float: left;
  width: 100%;
}

.cat-list-random .cat-items a .category-info span.category-name {
  font-variant: "Times New Roman";
  line-height: 22px;
  font-size: 1.53846em;
  color: #fff;
  margin-bottom: 10px;
}

.cat-list-random .cat-items a .category-info span.category-number {
  font-family: "Lato", sans-serif;
  font-size: 0.92308em;
  color: rgba(255, 255, 255, 0.5);
}

.cat-list-random .cat-items a.view-more {
  background: #ede8de;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.cat-list-random .cat-items a.view-more .category-name {
  font-family: "Times New Roman";
  color: #f07c29 !important;
  font-weight: 300;
  font-size: 6em !important;
}

.cat-list-random .cat-items a.view-more:hover {
  background: #f07c29;
}

.cat-list-random .cat-items a.view-more:hover .category-name {
  color: #fff !important;
  font-weight: 300;
}

/*
Author book style
*/
#author-book-slide {
  float: left;
  width: 100%;
}

#author-book-slide .book-item-slide {
  width: 100px;
  min-height: 210px;
  margin-bottom: 15px;
}

#author-book-slide .book-item-slide .author-info {
  float: left;
  margin-top: 10px;
}

#author-book-slide .book-item-slide .author-info a {
  color: rgba(255, 255, 255, 0.7);
}

#author-book-slide .book-item-slide .author-info .book-year {
  color: rgba(255, 255, 255, 0.2);
}

.beau-author-book-item {
  float: left;
  width: 170px;
}

/*
18. Subcriber
 */
.book-subcribe-form {
  float: left;
  position: relative;
  width: 360px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .book-subcribe-form {
    width: 90%;
  }
}

.book-subcribe-form.search-on-menu {
  width: 422px;
  height: 55px;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .book-subcribe-form.search-on-menu {
    width: 95%;
  }
}

.book-subcribe-form form {
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  padding: 5px 10px;
  height: 40px;
}

.book-subcribe-form form:hover {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border: 2px solid transparent;
}

.book-subcribe-form form:hover input {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.book-subcribe-form form:hover input::-webkit-input-placeholder {
  color: #fff;
}

.book-subcribe-form form:hover input::-moz-placeholder {
  color: #fff;
}

.book-subcribe-form form:hover input:-moz-placeholder {
  color: #fff;
}

.book-subcribe-form form:hover input:-ms-input-placeholder {
  color: #fff;
}

.book-subcribe-form form input {
  float: left;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.book-subcribe-form form input[type="text"] {
  width: 145px;
  font-family: "Merriweather", serif;
  padding-left: 10px;
  font-size: 0.92308em;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 5px;
  font-weight: bold;
}

.book-subcribe-form form input[type="text"]::-webkit-input-placeholder {
  font-style: italic;
}

.book-subcribe-form form input[type="text"]::-moz-placeholder {
  font-style: italic;
}

.book-subcribe-form form input[type="text"]:-moz-placeholder {
  font-style: italic;
}

.book-subcribe-form form input[type="text"]:-ms-input-placeholder {
  font-style: italic;
}

@media only screen and (max-width: 1025px) {
  .book-subcribe-form form input[type="text"] {
    width: 280px;
  }
}

@media only screen and (max-width: 780px) {
  .book-subcribe-form form input[type="text"] {
    width: 145px;
  }
}

@media only screen and (max-width: 767px) {
  .book-subcribe-form form input[type="text"] {
    width: 75%;
    border-radius: 0px !important;
  }
}

@media only screen and (min-width: 1720px) {
  .book-subcribe-form form input[type="text"] {
    width: 290px;
  }
}

.book-subcribe-form form input[type="submit"] {
  text-transform: uppercase;
  float: right;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 1.07692em;
}

/*
List service list icon and short desc
*/
/*
19. List service
 */
.list-services {
  padding-bottom: 100px;
  float: left;
  width: 100%;
  height: auto;
}

.list-services.sec-border-top {
  float: left;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  padding-top: 80px;
}

.service-item {
  text-align: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .service-item {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
  }
}

.service-item .service-icon {
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: 15px;
  float: left;
  width: 100px;
  height: 70px;
}

.service-item i {
  font-size: 5em;
  margin-bottom: 10px;
  font-weight: 300;
  float: left;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  color: rgba(0, 0, 0, 0.4);
}

.service-item:hover .service-title, .service-item:hover i {
  color: #f07c29;
}

.service-item .service-title {
  font-family: Ti;
  font-weight: bold;
  width: 100%;
  font-size: 1.53846em;
  height: auto;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
}

.service-item .service-title:after {
  content: "";
  width: 60px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
}

.service-item .service-desc {
  font-family: "Merriweather", serif;
  font-size: 1em;
  line-height: 22px;
  font-weight: 300;
}

/*
20. Home 7
 */
.slider-with-scroll {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.slider-with-scroll .swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  height: 8px;
}

.slider-with-scroll .book-item-slide {
  float: left;
  width: 105px;
  height: auto;
  margin-right: 40px;
}

.slider-with-scroll .book-item-slide .book-info {
  margin-top: 10px;
}

.slider-with-scroll .book-item-slide .book-rate {
  margin-bottom: 5px;
}

.slider-with-scroll .book-item-slide .book-name {
  margin-top: 0px;
  font-size: 1.07692em;
  line-height: 18px;
  margin-bottom: 5px;
}

.slider-with-scroll .book-item-slide .book-price {
  margin-top: 5px;
  font-size: 1.23077em;
}

.slider-with-scroll .swiper-slide {
  padding-bottom: 50px;
}

.slider-with-scroll .swiper-slide .book-item-slide:last-child {
  margin-right: 0px;
}

.slider-with-scroll:hover .swiper-scrollbar {
  opacity: 1 !important;
}

.swiper-scrollbar {
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 8px;
  background: transparent;
}

.left-full {
  float: left;
}

@media only screen and (max-width: 780px) {
  .left-full {
    display: none;
  }
}

.left-full #list-cat-scroll {
  float: left;
  position: relative;
  width: 240px;
  z-index: 999;
}

@media only screen and (max-width: 1025px) {
  .left-full #list-cat-scroll {
    width: 171px;
  }
}

@media only screen and (min-width: 1720px) {
  .left-full #list-cat-scroll {
    width: 320px;
  }
}

.left-full #list-cat-scroll.fixed {
  position: fixed;
}

.left-full #list-cat-scroll.is-fixed {
  width: 100%;
}

.left-full #list-cat-scroll.stick-list-cat-scroll {
  position: fixed;
  top: 0;
  border-right: 1px solid #DEDEDE;
  height: 100vh;
  background-color: #2D2D2B;
}

.left-full #list-cat-scroll.stick-list-cat-scroll-after {
  position: absolute;
  top: 380vh !important;
  border-right: 1px solid #DEDEDE;
  height: 100vh;
  background-color: #2D2D2B;
}

@media only screen and (min-width: 1720px) {
  .left-full #list-cat-scroll.stick-list-cat-scroll-after {
    top: 280vh !important;
  }
}

.left-full .list-full-categories {
  float: left;
  width: 100%;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.left-full .list-full-categories .items-category {
  float: left;
  width: 100%;
  max-width: 100% !important;
  height: 130px;
  background: #333;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 1025px) {
  .left-full .list-full-categories .items-category {
    height: 100px;
  }
}

.left-full .list-full-categories .items-category.stick-cat {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 65px;
  background: #2D2D2B;
  border-bottom: 1px solid rgba(140, 140, 140, 0.1);
}

.left-full .list-full-categories .items-category.stick-cat:hover img {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.left-full .list-full-categories .items-category.stick-cat:first-child {
  padding-top: 10px;
  height: 80px;
}

.left-full .list-full-categories .items-category.stick-cat img {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.left-full .list-full-categories .items-category.stick-cat span {
  color: #fff;
}

.left-full .list-full-categories .items-category img {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 130px;
  width: auto;
  height: auto;
  opacity: 0.3;
}

.left-full .list-full-categories .items-category:hover img {
  opacity: 1;
  min-width: 120%;
  min-height: 140px;
}

.left-full .list-full-categories .items-category a {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
}

.left-full .list-full-categories .items-category a div {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.left-full .list-full-categories .items-category a span {
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-weight: bold;
}

.left-full .list-full-categories .items-category a span.cat-title {
  font-family: "Times New Roman";
  font-size: 1.23077em;
}

.left-full .list-full-categories .items-category a span.cat-num {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.middle-full {
  box-sizing: border-box;
}

.right-full {
  background: rgba(244, 243, 241, 0.7);
  box-sizing: border-box;
  padding-top: 85px;
}

.right-full .title-box {
  box-sizing: border-box;
  width: 100%;
}

.right-full .title-box.title-yellow {
  color: #f07c29 !important;
}

.right-full .title-box.title-yellow:after {
  border-color: #f07c29 !important;
  opacity: 0.8 !important;
}

.content-widget {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 50px;
}

.content-widget .list-top-book {
  padding-left: 0px;
}

@media only screen and (max-width: 767px) {
  .content-widget .list-top-book {
    padding-left: 15px;
  }
}

.content-widget .list-top-book li {
  list-style-position: inside;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.content-widget .list-top-book li:hover {
  color: #f07c29;
}

.content-widget .list-top-book li:hover .book-name {
  color: #f07c29;
}

@media only screen and (max-width: 767px) {
  .content-widget .list-top-book li {
    list-style-position: outside;
  }
}

.content-widget .list-top-book .book-item-widget-best {
  float: right;
  width: 85%;
  font-family: "Times New Roman";
  font-size: 1.07692em;
  margin-bottom: 10px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .content-widget .list-top-book .book-item-widget-best {
    float: none;
  }
}

.content-widget .list-top-book .book-item-widget-best p {
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0px;
  line-height: 18px;
}

.content-widget .list-top-book .book-item-widget-best p.book-auth {
  font-size: 0.84615em;
  color: rgba(153, 153, 153, 0.7);
  font-weight: normal;
  font-family: "Lato", sans-serif;
}

.content-widget .list-top-book .book-item-widget-best p.book-auth:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}

.name-widget {
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.1px;
  font-size: 1.23077em;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  float: left;
  margin-bottom: 40px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .name-widget {
    border-bottom: 2px solid #000;
    line-height: 30px;
  }
}

.name-widget:after {
  content: "";
  position: absolute;
  border-bottom: 2px solid #000;
  width: 60px;
  top: 30px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .name-widget:after {
    display: none;
  }
}

.product_list_widget {
  clear: both;
  padding: 0;
  position: relative;
  margin-left: -10px !important;
}

@media only screen and (max-width: 767px) {
  .product_list_widget {
    margin-left: 0 !important;
  }
}

.product_list_widget li {
  list-style: decimal !important;
  padding: 15px 0 0px 50px !important;
  position: relative;
  text-align: left;
  font-style: italic;
  font-weight: bold;
  font-size: 1.9em;
  max-width: 230px;
}

.product_list_widget li:before {
  content: "";
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
}

.product_list_widget li a {
  font-size: 0.6em;
  font-style: normal;
}

.product_list_widget li .star-rating {
  display: none;
}

.product_list_widget li img {
  display: none;
}

.product_list_widget li:hover {
  background: rgba(255, 255, 255, 0.7);
}

.product_list_widget li:hover .book-best-right .name-best .b-name {
  color: #f07c29;
}

.product_list_widget li .book-best-right .book-item {
  max-width: 40px;
}

.product_list_widget li .book-best-right .book-item .book-image img {
  display: block;
  width: 100%;
  height: auto;
}

.product_list_widget li .book-best-right .name-best {
  margin-left: 50px;
  font-style: normal;
  position: relative;
  top: -35px;
}

.product_list_widget li .book-best-right .name-best .b-name {
  font-size: 0.98em !important;
  color: #000;
  margin-bottom: 8px !important;
  max-height: 40px;
  overflow: hidden;
}

.product_list_widget li .book-best-right .name-best .b-author {
  display: none;
}

.product_list_widget li .book-best-right .name-best .b-price {
  font-family: "Merriweather", serif;
  font-size: 0.8em !important;
  color: rgba(38, 38, 38, 0.7) !important;
  margin-bottom: 0px;
  font-weight: normal;
}

.content-widget .list-deal-day {
  padding-top: 15px;
  padding-left: 0;
}

.content-widget .list-deal-day li {
  list-style: decimal;
  padding-bottom: 30px;
  max-width: 220px;
}

.content-widget .list-deal-day li .book-best-right .book-item {
  max-width: 60px;
}

.content-widget .list-deal-day li .book-best-right .book-item:after {
  display: none;
}

.content-widget .list-deal-day li .book-best-right .book-item .book-image img {
  width: 100%;
  height: auto;
}

.content-widget .list-deal-day li .book-best-right .name-best {
  padding-left: 75px;
}

.content-widget .list-deal-day li .book-best-right .name-best .b-name {
  font-size: 1.23077em;
  font-weight: normal;
  font-weight: bold;
  margin-bottom: 5px;
}

.content-widget .list-deal-day li .book-best-right .name-best .b-name a {
  color: #000;
}

.content-widget .list-deal-day li .book-best-right .name-best .b-name a:hover {
  color: #f07c29;
}

.content-widget .list-deal-day li .book-best-right .name-best .b-author {
  font-family: "Lato", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.3);
  font-size: 1em;
  height: 30px;
  overflow: hidden;
}

.content-widget .list-deal-day li .book-best-right .name-best .b-author span {
  float: left;
}

.content-widget .list-deal-day li .book-best-right .name-best .b-price {
  color: #f07c29;
  font-weight: bold;
  font-family: "Merriweather", serif;
  font-size: 1.23077em;
}

.content-widget .list-top-book {
  padding-top: 10px;
}

.content-widget .list-top-book li {
  margin-bottom: 0;
}

.content-widget .list-top-book li .book-item-widget-best {
  width: 92%;
}

.content-widget .list-top-book li .book-item-widget-best .book-name a {
  color: #000;
  font-size: 1.07692em;
  font-weight: normal;
}

.content-widget .list-top-book li .book-item-widget-best .book-name a:hover {
  color: #f07c29;
}

.content-widget .list-top-book li span {
  width: 92%;
}

.content-widget .list-top-book li span a {
  color: #000;
}

.sidebar-widget {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 50px;
}

@media only screen and (min-width: 1025px) {
  .sidebar-widget {
    padding-left: 30px;
  }
}

.sidebar-widget ol {
  list-style: decimal;
  padding-left: 0px;
}

.sidebar-widget ol li {
  list-style-position: inside;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.sidebar-widget .list-best-seller {
  float: left;
  height: auto;
  padding-left: 0px;
  list-style-position: inside;
  position: relative;
  left: -30px;
}

@media only screen and (min-width: 780px) {
  .sidebar-widget .list-best-seller {
    width: 115%;
  }
}

.sidebar-widget .list-best-seller li {
  padding-left: 30px;
  float: left;
  font-family: "Times New Roman";
  font-weight: bold;
  font-style: italic;
  text-align: left;
  font-style: italic;
  width: 100%;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0px !important;
  overflow: hidden;
  font-size: 1.92308em;
}

.sidebar-widget .list-best-seller li:before {
  content: "";
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  top: 0px;
  left: 35px;
  width: 70%;
  height: 1px;
  position: absolute;
}

.sidebar-widget .list-best-seller li a {
  float: right;
  width: 100%;
}

.sidebar-widget .list-best-seller li:hover {
  background: rgba(255, 255, 255, 0.7);
  color: #f07c29;
}

.sidebar-widget .list-best-seller li:hover .b-name, .sidebar-widget .list-best-seller li:hover .b-price {
  color: #f07c29 !important;
}

.sidebar-widget .list-best-seller li .book-best-right {
  float: right;
  width: 75%;
  line-height: 22px;
  font-style: normal;
  line-height: 18px;
}

.sidebar-widget .list-best-seller li .book-best-right .book-item {
  margin-right: 10px;
  float: left;
}

.sidebar-widget .list-best-seller li .book-best-right .name-best {
  float: left;
  width: 50%;
}

.sidebar-widget .list-best-seller li .book-best-right p.b-name {
  font-size: 0.56em !important;
  color: #000;
  margin-bottom: 8px !important;
}

.sidebar-widget .list-best-seller li .book-best-right p.b-price {
  font-family: "Merriweather", serif !important;
  font-size: 0.48em !important;
  color: rgba(38, 38, 38, 0.7) !important;
  margin-bottom: 0px;
}

.sidebar-widget .list-best-seller li a {
  display: block;
}

.book-deal {
  background: url(../images/bg-widget.png) no-repeat center center;
  clear: both;
  min-height: 300px;
  padding: 0 5%;
}

@media only screen and (max-width: 780px) {
  .book-deal {
    padding: 0 18%;
  }
}

@media only screen and (max-width: 767px) {
  .book-deal {
    padding: 0 23%;
  }
}

.book-deal .book-item .book-actions .list-action .book-addtocart:hover {
  background: none;
}

.book-deal .book-item .book-actions .list-action .yith-wcwl-add-to-wishlist {
  margin-top: 55px;
}

.book-deal .book-info .book-rate .star-rating {
  float: left;
}

.sidebar-ad img {
  width: 100%;
  height: auto;
}

/*
21. Link parthner
 */
.parthner-full {
  margin-top: 100px;
}

.list-author-full {
  padding-left: 60px;
  padding-right: 60px;
  float: left;
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .list-author-full {
    padding-right: 0;
    padding-left: 10%;
  }
}

.list-author-full .list-author-name li {
  float: left;
  width: 120px;
  margin-right: 6.6%;
  margin-bottom: 30px;
}

.list-author-full .list-author-name li a {
  float: left;
  width: 100%;
  height: auto !important;
}

.list-author-full .list-author-name li p {
  float: left;
  width: 100%;
  margin-bottom: 0px;
}

.list-full {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 60px;
  padding-right: 60px;
}

@media only screen and (max-width: 780px) {
  .list-full {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .list-full {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.box-dark {
  background: #252420;
  color: #fff;
  float: left;
}

.box-dark .title-box {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 30px;
}

.box-dark .title-box:after {
  display: none;
}

.box-dark .book-info .star-rating {
  left: 25% !important;
}

.box-dark .book-info span.book-name:hover a {
  color: #f07c29;
}

.box-dark .book-info span.book-name a {
  color: #fff;
}

.box-dark .book-info span.book-author {
  color: rgba(102, 102, 102, 0.7) !important;
}

.box-dark .book-info span.book-author a {
  color: rgba(102, 102, 102, 0.7) !important;
}

.box-dark .book-info span.book-author a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

.box-dark .swiper-scrollbar-drag {
  background: rgba(255, 255, 255, 0.1);
}

.book-list-full-feature {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .book-list-full-feature {
    margin-left: 7%;
  }
}

.book-full-mothly-with-scroll {
  float: left;
  width: 100%;
  height: 270px;
}

.book-full-mothly-with-scroll .swiper-scrollbar-drag {
  height: 8px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.1);
}

.book-full-mothly-with-scroll .swiper-slide {
  width: 2990px;
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide {
  float: left;
  width: 290px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .book-full-mothly-with-scroll .swiper-slide .item-month-slide {
    width: 240px;
  }
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide .book-item, .book-full-mothly-with-scroll .swiper-slide .item-month-slide .book-info {
  float: left;
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide .book-item {
  width: 60px;
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide .book-info {
  width: 160px;
  margin-left: 15px;
  clear: inherit;
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide .book-info .book-name {
  font-size: 1.23077em;
  line-height: 16px;
  margin-top: 0px;
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide .book-info .book-author {
  margin-bottom: 5px;
  font-size: 0.92308em;
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide .book-info .book-price {
  font-size: 1.23077em;
}

.book-full-mothly-with-scroll .swiper-slide .item-month-slide .clearfix {
  margin-bottom: 25px;
}

/*
List service bottom
 */
.list-services-bottom {
  float: left;
  width: 100%;
  height: 130px;
  background: #252420;
  position: relative;
}

.service-fitem {
  height: 130px;
  padding-left: 8%;
  float: left;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.service-fitem i {
  font-size: 1.76923em;
  color: rgba(255, 255, 255, 0.2);
}

.service-fitem i, .service-fitem span {
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  float: left;
}

.service-fitem .text-service {
  font-family: "Lato", sans-serif;
  margin-left: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 780px) {
  .service-fitem .text-service {
    font-size: 0.78em;
  }
}

.service-fitem:hover i, .service-fitem:hover span {
  color: rgba(255, 255, 255, 0.8) !important;
}

/*
22. Blog page
 */
.header-page {
  float: left;
  width: 100%;
  height: 250px;
}

.header-page .container {
  position: relative;
}

.header-page .title-page {
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 2.30769em;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 0px;
  top: 170px;
  letter-spacing: 0.25px;
}

.header-page .title-page span {
  font-size: 0.75em;
}

@media only screen and (max-width: 767px) {
  .header-page .title-page {
    top: 110px;
    padding: 0 20px;
    line-height: 35px;
  }
}

.header-page.blog-header {
  margin-bottom: 100px;
  background-size: cover;
}

.header-page.blog-header-grid {
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 70px;
  background-size: cover;
}

.header-page.blog-header-classic {
  margin-bottom: 60px;
  background-size: cover;
}

.header-page.header-author {
  margin-bottom: 65px;
  background-size: cover;
}

.header-page.store-header {
  margin-bottom: 0px;
  background-size: cover;
}

.header-page.header-shop {
  margin-bottom: 0px;
  background-size: cover;
}

.blog-items {
  float: left;
  position: relative;
}

.blog-items .sticky-note {
  position: absolute;
  width: 70px;
  height: auto;
  padding: 5px;
  background: #f07c29;
  color: #fff;
  display: none;
  left: 5%;
  top: 21px;
  font-size: 1.23077em;
  font-family: "Lato", sans-serif;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.blog-items.sticky .sticky-note {
  display: block;
}

.blog-items.sticky:hover .sticky-note {
  background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 767px) {
  .blog-items {
    text-align: center;
  }
}

.blog-items .news-thumbs {
  display: block;
  margin-bottom: 20px;
}

.blog-items .news-description {
  box-sizing: border-box;
}

.blog-items .news-description .news-title {
  float: left;
  font-family: "Times New Roman";
  font-weight: bold;
  width: 100%;
  font-size: 1.53846em;
  line-height: 24px;
  margin-bottom: 10px;
  color: #000;
}

.blog-items .news-description .news-title:hover {
  color: #f07c29;
}

.blog-items .news-description .news-dateup {
  width: 100%;
  float: left;
  color: #000;
  opacity: 0.5;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 20px;
  font-size: 0.92308em;
  color: #262626;
  margin-bottom: 20px;
}

.blog-items .news-description .short-desc {
  float: left;
  font-family: "Merriweather", serif;
  width: 100%;
  font-size: 1em;
  line-height: 22px;
}

.page-blogs-list {
  float: left;
  width: 100%;
  height: auto;
}

.page-blogs-list .blog-items {
  margin-bottom: 50px;
}

.page-blogs-list .blog-items .news-description {
  box-sizing: border-box;
}

.page-blogs-list .blog-items .news-description .news-title, .page-blogs-list .blog-items .news-description .news-dateup, .page-blogs-list .blog-items .news-description .short-desc {
  width: 80%;
}

.page-blogs-list .blog-items .news-description .news-title {
  font-size: 3.07692em;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.page-blogs-list .blog-items:nth-child(odd) .news-thumbs {
  float: left !important;
}

.page-blogs-list .blog-items:nth-child(odd) .news-description {
  float: right !important;
  text-align: left;
  padding-left: 35px;
}

.page-blogs-list .blog-items:nth-child(even) .news-thumbs {
  float: right !important;
}

.page-blogs-list .blog-items:nth-child(even) .news-description {
  float: left !important;
  text-align: right;
  padding-right: 35px;
}

.page-blogs-list .blog-items:nth-child(even) .news-description .news-title, .page-blogs-list .blog-items:nth-child(even) .news-description .news-dateup, .page-blogs-list .blog-items:nth-child(even) .news-description .short-desc {
  float: right;
}

.page-blogs-grid {
  box-sizing: border-box;
  width: 100%;
  float: left;
}

.page-blogs-grid.grid-2columns .clearfix {
  clear: both;
}

.page-blogs-grid.grid-2columns .clearfix:before {
  position: absolute;
  width: 47.2%;
  content: "";
  left: 0px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.page-blogs-grid.grid-2columns .clearfix:after {
  position: absolute;
  width: 47.2%;
  content: "";
  right: 8px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.page-blogs-grid.grid-2columns .blog-items {
  padding-bottom: 30px;
  margin-top: 30px;
  position: relative;
  box-sizing: border-box;
}

.page-blogs-grid.grid-2columns .blog-items img {
  width: 380px;
  height: auto;
}

@media only screen and (min-width: 767px) {
  .page-blogs-grid.grid-2columns .blog-items.item-even {
    padding-right: 15px;
  }
  .page-blogs-grid.grid-2columns .blog-items.item-odd {
    padding-left: 15px;
  }
}

.page-blogs-grid.grid-3columns .blog-items {
  height: 305px;
  width: 245px;
  margin-top: 30px;
  margin-right: 30px;
  position: relative;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1025px) {
  .page-blogs-grid.grid-3columns .blog-items {
    width: 222px;
  }
}

@media only screen and (max-width: 767px) {
  .page-blogs-grid.grid-3columns .blog-items {
    width: 100%;
    margin-right: 0px;
  }
}

.page-blogs-grid.grid-3columns .blog-items img {
  width: 245px;
  height: auto;
}

.page-blogs-grid.grid-3columns .blog-items:nth-child(3n) {
  margin-right: 0px;
}

@media only screen and (max-width: 780px) {
  .page-blogs-grid.grid-3columns .blog-items:nth-child(3n) {
    margin-right: 30px;
  }
}

.page-blogs-grid.grid-3columns .blog-items.last {
  border-bottom: none;
}

@media only screen and (max-width: 780px) {
  .page-blogs-grid.grid-fullcolumns {
    margin-left: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .page-blogs-grid.grid-fullcolumns {
    margin-left: 0;
  }
}

.page-blogs-grid.grid-fullcolumns .blog-items {
  height: 360px;
  width: 325px;
  margin-top: 30px;
  margin-right: 30px;
  position: relative;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1025px) {
  .page-blogs-grid.grid-fullcolumns .blog-items {
    width: 310px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 780px) {
  .page-blogs-grid.grid-fullcolumns .blog-items {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .page-blogs-grid.grid-fullcolumns .blog-items {
    width: 100%;
    height: auto;
  }
}

.page-blogs-grid.grid-fullcolumns .blog-items img {
  width: 325px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .page-blogs-grid.grid-fullcolumns .blog-items img {
    width: 100%;
    height: auto;
  }
}

.page-blogs-grid.grid-fullcolumns .blog-items:nth-child(3n) {
  margin-right: 0px;
}

@media only screen and (max-width: 780px) {
  .page-blogs-grid.grid-fullcolumns .blog-items:nth-child(3n) {
    margin-right: 30px;
  }
}

.page-blogs-grid.grid-fullcolumns .blog-items.last {
  border-bottom: none;
}

.page-blogs-grid.grid-random-columns .blog-items {
  height: auto;
  width: 245px;
  padding-bottom: 70px;
  margin-top: 30px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .page-blogs-grid.grid-random-columns .blog-items {
    width: 100%;
  }
}

.page-blogs-grid.grid-random-columns .blog-items img {
  width: 243px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .page-blogs-grid.grid-random-columns .blog-items img {
    width: 100%;
  }
}

.page-blogs-grid.grid-random-columns .blog-items:nth-child(3n) {
  margin-right: 0px;
}

.page-blogs-grid.grid-random-columns .blog-items.last {
  border-bottom: none;
}

.page-blogs-grid.blogs-classic-colums .blog-items {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 40px;
  margin-top: 40px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.page-blogs-grid.blogs-classic-colums .blog-items img {
  width: 380px;
  height: auto;
}

.page-blogs-grid.blogs-classic-colums .blog-items:last-child {
  border-bottom: none;
}

.page-blogs-grid.blogs-classic-colums .blog-items .news-title {
  padding-top: 30px;
  font-size: 1.92308em;
  font-weight: bold;
}

.page-blogs-grid.blogs-classic-colums .blog-items .news-thumbs {
  float: left;
  margin-bottom: 0px !important;
}

.page-blogs-grid.blogs-classic-colums .blog-items .news-description {
  float: left;
  box-sizing: border-box;
  padding-right: 25px;
  padding-left: 10px;
}

.page-blogs-grid.blogs-classic-colums .blog-items.rightbar-item .news-description {
  padding-right: 0px;
  padding-left: 35px;
}

.right-sidebar {
  float: right;
  box-sizing: border-box;
  padding-top: 25px;
}

@media only screen and (min-width: 767px) {
  .right-sidebar {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .right-sidebar {
    padding-top: 0px;
  }
}

.right-sidebar .sidebar-widget {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding-bottom: 45px;
  margin-bottom: 45px;
}

.right-sidebar .sidebar-widget ul {
  float: left;
  width: 100%;
}

.right-sidebar .sidebar-widget a {
  color: rgba(0, 0, 0, 0.5);
}

.right-sidebar .sidebar-widget a:hover {
  color: #f07c29;
}

.right-sidebar .sidebar-widget:last-child {
  border-bottom: none;
}

.right-sidebar .sidebar-widget .title-sidebar-widget {
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 767px) {
  .right-sidebar .sidebar-widget .title-sidebar-widget {
    padding-left: 20px;
  }
}

.right-sidebar .sidebar-widget .sidebar-content-widget {
  float: left;
  box-sizing: border-box;
}

@media only screen and (min-width: 767px) {
  .right-sidebar .sidebar-widget .sidebar-content-widget {
    padding-left: 20px;
  }
}

.right-sidebar .sidebar-widget .twitter-follow-button {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
  padding: 5px 13px;
}

.right-sidebar .sidebar-widget .twitter-follow-button:hover {
  color: #f07c29;
}

.right-sidebar .sidebar-widget .list-category {
  list-style: none;
  padding-left: 0px;
}

.right-sidebar .sidebar-widget .list-category li {
  float: left;
  margin-bottom: 20px;
  float: left;
  width: 100%;
  font-size: 1.23077em;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Lato", sans-serif;
  font-size: 0.92308em;
}

.right-sidebar .sidebar-widget .list-category li a {
  margin-right: 5px;
  font-family: "Times New Roman";
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.35em;
}

.right-sidebar .sidebar-widget .list-category li:hover {
  color: #f07c29;
}

.right-sidebar .sidebar-widget .list-category li:hover a {
  color: #f07c29;
}

.right-sidebar .sidebar-widget .list-recent {
  list-style: none;
  padding-left: 0px;
}

.right-sidebar .sidebar-widget .list-recent li {
  float: left;
  width: 100%;
  margin-bottom: 24px;
}

.right-sidebar .sidebar-widget .list-recent .recent-thumbs {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.right-sidebar .sidebar-widget .list-recent .title-news {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.07692em;
  font-weight: bold;
}

.right-sidebar .sidebar-widget .items-comment {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.right-sidebar .sidebar-widget .items-comment .comment {
  font-family: "Merriweather", serif;
  font-size: 1em;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.right-sidebar .sidebar-widget .items-comment .comment strong {
  font-weight: bold;
}

.right-sidebar .sidebar-widget .items-comment .date-comment {
  float: left;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.84615em;
  color: rgba(0, 0, 0, 0.5);
}

.right-sidebar .sidebar-widget .list-tags a {
  float: left;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  margin-right: 30px;
  margin-bottom: 15px;
  font-size: 1.07692em;
  line-height: 20px;
}

.right-sidebar .sidebar-widget .list-tags a:hover {
  color: #f07c29;
  border-color: #f07c29;
}

.left-bar {
  padding-left: 0px;
  padding-right: 30px;
}

.left-bar .sidebar-widget .title-sidebar-widget {
  padding-left: 0px;
}

@media only screen and (min-width: 767px) {
  .left-bar .sidebar-widget .title-sidebar-widget {
    padding-right: 20px;
  }
}

.left-bar .sidebar-widget .sidebar-content-widget {
  float: left;
  padding-left: 0px;
}

@media only screen and (min-width: 767px) {
  .left-bar .sidebar-widget .sidebar-content-widget {
    padding-right: 20px;
  }
}

.right-bar {
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  .right-bar {
    padding-left: 0px;
  }
}

.section-blog-detail {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 70px;
}

.section-blog-detail .blogs-detail {
  padding-top: 30px;
}

.section-blog-detail .blogs-detail.blogs-detail {
  padding-top: 30px;
}

.section-blog-detail .blogs-detail img {
  max-width: 100%;
  height: auto;
}

.section-blog-detail .blogs-detail .news-feature-image {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 80px;
}

.section-blog-detail .blogs-detail .news-feature-image img {
  width: 100%;
}

.section-blog-detail .blogs-detail .news-title {
  float: left;
  width: 100%;
  height: auto;
  font-family: "Times New Roman";
  font-size: 3.07692em;
  font-weight: bold;
  line-height: 47px;
  margin-bottom: 25px;
}

.section-blog-detail .blogs-detail .news-dateup {
  float: left;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.92308em;
  line-height: 24px;
  margin-bottom: 40px;
  color: rgba(0, 0, 0, 0.5);
}

.section-blog-detail .blogs-detail .news-content {
  font-family: "Merriweather", serif;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 300;
  line-height: 25px;
  float: left;
  width: 100%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 100px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1025px) {
  .section-blog-detail .blogs-detail .news-content {
    padding-bottom: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .section-blog-detail .blogs-detail .news-content {
    padding-bottom: 0;
  }
}

.section-blog-detail .blogs-detail .news-content img, .section-blog-detail .blogs-detail .news-content div {
  max-width: 100%;
  height: auto;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .section-blog-detail .blogs-detail .news-content img, .section-blog-detail .blogs-detail .news-content div {
    position: relative;
  }
}

.section-blog-detail .blogs-detail .news-content blockquote {
  float: left;
  width: 100%;
  margin: 50px auto 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 125px;
  border-top: 1px dashed rgba(240, 124, 41, 0.5);
  border-bottom: 1px dashed rgba(240, 124, 41, 0.5);
  border-left: none;
  position: relative;
  font-family: "Lato", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.8);
}

.section-blog-detail .blogs-detail .news-content blockquote:before {
  content: "“";
  font-family: "Times New Roman";
  font-style: normal;
  font-size: 8.53846em;
  font-weight: bold;
  color: #f07c29;
  position: absolute;
  width: 50px;
  height: 65px;
  line-height: 111px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
}

.section-blog-detail .nav-detail {
  float: left;
  width: 100%;
  height: 165px;
  margin-bottom: 40px;
}

.section-blog-detail .nav-detail .next-back {
  font-family: "Times New Roman";
  font-style: italic;
  font-weight: bold;
  font-size: 1.53846em;
  width: 30%;
}

.section-blog-detail .nav-detail .next-back .fa {
  float: left;
  width: 100%;
  font-weight: 300 !important;
  color: rgba(0, 0, 0, 0.2);
}

.section-blog-detail .nav-detail .next-back:hover {
  color: #f07c29;
}

.section-blog-detail .nav-detail .next-back:hover .fa {
  color: #f07c29;
}

.section-blog-detail .nav-detail .next-back.prev-post {
  float: left;
}

.section-blog-detail .nav-detail .next-back.next-post {
  float: right;
  text-align: right;
}

.section-blog-detail.blogs-detail-full {
  padding-top: 0px;
}

.section-blog-detail.blogs-detail-full .container {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.section-blog-detail.blogs-detail-full .container .book-comment-form {
  margin-bottom: 70px;
}

.section-blog-detail.blogs-detail-full .full-feature-image {
  position: relative;
  height: 400px;
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 40px;
}

.section-blog-detail.blogs-detail-full .full-feature-image .image-cover-detail {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 400px;
}

.banner-detail {
  float: left;
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

.banner-detail img {
  position: absolute;
  width: 100%;
  min-height: 400px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.book-about-author {
  float: left;
  width: 100%;
  height: auto;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 30px;
}

.book-about-author .author-avatar img {
  float: left;
  width: 103px;
  height: 103px;
  border-radius: 50%;
  overflow: hidden;
}

.book-about-author .about-post-author {
  box-sizing: border-box;
}

.book-about-author .about-post-author span {
  float: left;
  width: 100%;
}

.book-about-author .about-post-author span.author-name {
  font-family: "Times New Roman";
  font-size: 1.38462em;
  font-weight: bold;
  margin-bottom: 8px;
}

.book-about-author .about-post-author span.author-name a {
  color: #000;
}

.book-about-author .about-post-author span.author-name a:hover {
  color: #f07c29;
}

.book-about-author .about-post-author span.author-desc {
  font-family: "Merriweather", serif;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 20px;
  font-weight: 300;
}

.book-about-author .about-post-author span.author-link a {
  color: rgba(0, 0, 0, 0.8);
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.92308em;
}

.comment-list {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 15px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  padding-bottom: 50px;
  margin-bottom: 30px;
}

.comment-list .title-comment-box {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.comment-list .title-comment-box:after {
  border: none;
}

.comment-list .comment {
  padding-bottom: 30px;
  width: 90%;
  float: left;
  position: relative;
}

.comment-list .comment:after {
  content: "";
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  width: 60px;
  position: absolute;
  bottom: 10px;
  left: 0px;
}

.comment-list .comment:last-child:after {
  display: none;
}

.comment-list .comment .comment-body {
  box-sizing: border-box;
  padding-left: 30px;
  font-family: "Merriweather", serif;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 300;
}

.comment-list .title-comment {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.comment-list .title-comment span {
  float: left;
  margin-right: 20px;
  font-family: "Merriweather", serif;
  font-size: 1em;
}

.comment-list .title-comment span.comment-name {
  font-weight: bold;
  color: #000;
}

.comment-list .title-comment span.comment-posted-in {
  font-weight: 300;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}

.comment-list .sub-comment {
  box-sizing: border-box;
  padding-left: 30px;
}

/*
23. Author page
 */
.title-and-fillter {
  float: left;
  width: 100%;
}

.title-and-fillter .title-box {
  letter-spacing: 0.1px;
  color: rgba(0, 0, 0, 0.3);
}

.title-and-fillter .title-box:after {
  border: none;
}

.imgleft, .imgright {
  width: 330px;
}

@media only screen and (max-width: 1025px) {
  .imgleft, .imgright {
    width: 310px;
  }
}

.hidden-alphabeta {
  display: none;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  left: 20px;
  width: 30px;
  line-height: 22px;
}

@media only screen and (max-width: 1025px) {
  .hidden-alphabeta {
    display: none !important;
  }
}

.hidden-alphabeta ul {
  float: left;
  list-style: none;
  padding-left: 0px;
}

.hidden-alphabeta ul li {
  float: left;
  width: 100%;
  text-align: center;
}

.fillter-alphabeta {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  padding-top: 15px;
}

.fillter-alphabeta ul {
  list-style: none;
  padding-left: 0px;
  padding-right: 0px;
}

.fillter-alphabeta ul li {
  float: left;
  text-align: center;
  padding: 5px 10px;
  font-family: "Times New Roman";
  font-size: 1.07692em;
  color: #666666;
  cursor: pointer;
}

.fillter-alphabeta ul li:hover a, .fillter-alphabeta ul li.active a {
  color: #f07c29;
}

.fillter-alphabeta ul li .item-text {
  float: left;
  width: 15px;
  height: 15px;
}

.fillter-alphabeta ul li:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.fillter-alphabeta #alphabeta-list {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.fillter-alphabeta #alphabeta-list li {
  float: left;
  padding: 5px;
}

.fillter-alphabeta #alphabeta-list li a {
  padding: 5px;
}

.fillter-alphabeta #alphabeta-list li:first-child {
  text-align: left;
  padding-left: 0px;
}

.single-authorbook .fillter-alphabeta {
  border-top: none !important;
}

.end-authorview {
  float: left;
  width: 100%;
  clear: both;
}

.list-name-author {
  float: left;
  width: 100%;
  height: auto;
}

.list-name-author.last-child {
  margin-bottom: 100px;
}

.list-name-author .title-alpha {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 3.07692em;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .list-name-author .title-alpha {
    margin-left: 15px;
  }
}

.list-name-author .title-alpha span {
  font-weight: 300;
  color: #999999;
  font-size: 0.75em;
  margin-left: 5px;
}

.list-name-author .list-author-name {
  float: left;
  width: 100%;
  height: auto;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.list-name-author .list-author-name:first-child {
  margin-top: 30px;
}

.list-name-author .list-author-name li {
  line-height: 30px;
  margin-bottom: 5px;
}

.list-name-author .list-author-name li img {
  width: 120px;
  height: auto;
}

.list-name-author .list-author-name li.clearfix {
  float: left;
  width: 100% !important;
  clear: both !important;
  height: 1px !important;
}

.list-name-author .list-author-name li a {
  font-size: 1.23077em;
  font-family: "Times New Roman";
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0.1px;
}

.list-name-author .list-author-name li a:hover {
  color: #f07c29;
}

.list-name-author .list-author-name li a span {
  font-weight: 300;
  font-family: "Lato", sans-serif;
  color: #999;
}

.list-name-author .list-author-name.author-list-avatar {
  float: left;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .list-name-author .list-author-name.author-list-avatar {
    margin-left: 15px;
  }
}

.list-name-author .list-author-name.author-list-avatar .author-item {
  float: left;
  margin-right: 38px;
  margin-bottom: 10px;
  width: 120px;
  max-height: 175px !important;
}

@media only screen and (max-width: 767px) {
  .list-name-author .list-author-name.author-list-avatar .author-item {
    margin-right: 20px;
  }
}

.list-name-author .list-author-name.author-list-avatar .author-item.last {
  margin-right: 0px;
}

@media only screen and (max-width: 1025px) {
  .list-name-author .list-author-name.author-list-avatar .author-item.last {
    margin-right: 38px;
  }
}

.list-name-author .list-author-name.author-list-avatar .author-item p {
  min-height: 40px;
  float: left;
  margin-top: 5px;
  font-size: 1.07692em;
  color: rgba(0, 0, 0, 0.6);
  line-height: 15px;
}

.list-name-author .list-author-name.author-list-avatar .author-item:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\\'http://www.w3.org/2000/svg\\'><filter id=\\'grayscale\\'><feColorMatrix type=\\'matrix\\' values=\\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\\'/></filter></svg>#grayscale");
  filter: gray alpha(opacity=round(100));
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.list-name-author .list-author-name.author-list-avatar .author-item:hover p {
  color: #f07c29;
}

.list-name-author .list-author-name.author-list-avatar .author-item.view-more-author a {
  float: left;
  width: 120px;
  height: 120px;
  background: #ede8de;
  position: relative;
}

.list-name-author .list-author-name.author-list-avatar .author-item.view-more-author a:before {
  position: absolute;
  content: "+";
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3.07692em;
  font-weight: 300;
  color: #000;
  opacity: 0.3;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.list-name-author .list-author-name.author-list-avatar .author-item.view-more-author a:hover:before {
  opacity: 0.7;
}

/*
24. For contact form
*/
.book-contact {
  float: left;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 767px) {
  .book-contact {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .book-contact {
    padding-top: 30px;
  }
}

.book-contact .book-contact-form .success-form-message {
  position: absolute;
  padding: 10px 30px;
  background: rgba(0, 128, 0, 0.5);
  color: #fff;
  font-size: 1.07692em;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 30%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  border-radius: 50px;
  opacity: 0;
  cursor: pointer;
}

.book-contact .book-contact-form .success-form-message.active {
  z-index: 999;
  opacity: 1;
}

.book-contact .book-contact-form .success-form-message.error {
  background: rgba(255, 0, 0, 0.5) !important;
}

.book-contact .book-form-contact {
  float: left;
  position: relative;
}

@media only screen and (min-width: 767px) {
  .book-contact .book-form-contact {
    padding-right: 60px;
  }
}

.book-contact .book-form-contact .title-box {
  width: 100%;
}

.book-contact .book-form-contact .book-address {
  float: left;
  width: 100%;
}

.book-contact .book-form-contact .book-address span {
  width: 100%;
}

.book-contact .book-form-contact .book-address .book-place-name {
  font-family: "Times New Roman";
  float: left;
  width: 100%;
  font-size: 2.69231em;
  font-weight: bold;
  color: #000;
  line-height: 30px;
  padding-bottom: 30px;
}

.book-contact .book-form-contact .book-address .book-contact-add {
  float: left;
  margin-bottom: 30px;
  font-family: "Merriweather", serif;
  line-height: 30px;
  font-weight: 300;
}

.book-contact .book-form-contact .list-social {
  float: left;
  width: 100%;
  font-size: 1.23077em;
}

.book-contact .book-form-contact .contact-content {
  float: left;
  width: 100%;
  font-family: "Merriweather", serif;
  line-height: 22px;
  font-size: 1.07692em;
  font-weight: 300;
  margin-top: 90px;
  width: 80%;
}

.book-contact .book-form-contact .contact-content.content-contact-3 {
  margin-top: 70px;
}

.book-contact .book-form-contact .book-contact-form {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 120px;
}

.book-contact .book-form-contact .book-contact-form .txt-contact, .book-contact .book-form-contact .book-contact-form .txt-message {
  margin-bottom: 20px;
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  float: left;
  width: 100%;
  resize: none;
  box-sizing: border-box;
  padding-left: 15px;
  font-family: "Merriweather", serif;
  padding-bottom: 10px;
  font-size: 0.92308em;
}

.book-contact .book-form-contact .book-contact-form .txt-contact::-webkit-input-placeholder, .book-contact .book-form-contact .book-contact-form .txt-message::-webkit-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
}

.book-contact .book-form-contact .book-contact-form .txt-contact::-moz-placeholder, .book-contact .book-form-contact .book-contact-form .txt-message::-moz-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
}

.book-contact .book-form-contact .book-contact-form .txt-contact:-moz-placeholder, .book-contact .book-form-contact .book-contact-form .txt-message:-moz-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
}

.book-contact .book-form-contact .book-contact-form .txt-contact:-ms-input-placeholder, .book-contact .book-form-contact .book-contact-form .txt-message:-ms-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
}

.book-contact .book-form-contact .book-contact-form .txt-contact:focus, .book-contact .book-form-contact .book-contact-form .txt-message:focus {
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}

.book-contact .book-map-address {
  float: left;
  height: auto;
}

.book-contact .book-map-address #book-map-contact {
  float: left;
  width: 100%;
  height: 700px;
}

.book-contact.full-column {
  padding-top: 0px;
}

.book-contact.full-column .book-map-address #book-map-contact {
  float: left;
  width: 100%;
  height: 500px;
}

.book-contact.full-column .book-form-contact {
  padding-top: 100px;
}

.book-contact.full-column .book-form-contact .text-form-contact {
  float: left;
}

.book-contact.full-column .form-content {
  position: relative;
}

.book-contact.full-column .form-content .success-form-message {
  position: absolute;
  padding: 10px 30px;
  background: rgba(0, 128, 0, 0.5);
  color: #fff;
  font-size: 1.07692em;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 30%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  border-radius: 50px;
  opacity: 0;
  cursor: pointer;
}

.book-contact.full-column .form-content .success-form-message.active {
  z-index: 999;
  opacity: 1;
}

.book-contact.full-column .form-content.form-contact2 {
  padding-top: 73px;
}

.book-contact.full-column .form-content.form-contact2 .contact-content {
  margin-bottom: 5px;
}

.book-contact.full-column .form-content .contact-content {
  margin-top: 0px;
  color: #262626;
  margin-bottom: 50px;
}

.book-contact.full-column .form-content .txt-contact {
  width: 47%;
  margin-right: 6%;
}

@media only screen and (max-width: 767px) {
  .book-contact.full-column .form-content .txt-contact {
    margin: 0px;
    width: 100%;
    margin-bottom: 30px;
  }
}

.book-contact.full-column .form-content .txt-contact:nth-child(even) {
  margin-right: 0px;
  float: right;
}

.book-contact.full-center .title-box {
  text-align: center;
}

.book-contact.full-center .text-form-contact {
  padding-bottom: 60px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.book-contact.full-center .book-address {
  text-align: center;
}

.book-contact.full-center .list-social {
  width: auto;
}

.book-contact.full-center .contact-content {
  width: 95%;
  padding-top: 80px;
}

.book-comment-form {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 30px;
  margin-bottom: 150px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.book-comment-form .comment-reply-title {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 60px;
  text-transform: uppercase;
  font-family: "Times New Roman";
  font-size: 1.38462em;
  letter-spacing: 0.5px;
}

@media only screen and (max-width: 767px) {
  .book-comment-form .comment-reply-title {
    text-align: center;
  }
}

.book-comment-form .comment-reply-title:after {
  border: none;
}

.book-comment-form .comment-form {
  float: left;
  width: 100%;
}

.book-comment-form .comment-form ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.book-comment-form .comment-form .logged-in-as {
  margin-bottom: 60px;
}

.book-comment-form .comment-form li {
  float: left;
  box-sizing: border-box;
  margin-bottom: 30px;
  list-style: none;
}

.book-comment-form .comment-form li input[type="text"], .book-comment-form .comment-form li textarea {
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  float: left;
  width: 100%;
  padding-left: 15px;
  resize: none;
  max-height: 45px;
}

.book-comment-form .comment-form li input[type="text"]::-webkit-input-placeholder, .book-comment-form .comment-form li textarea::-webkit-input-placeholder {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 300;
}

.book-comment-form .comment-form li input[type="text"]::-moz-placeholder, .book-comment-form .comment-form li textarea::-moz-placeholder {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 300;
}

.book-comment-form .comment-form li input[type="text"]:-moz-placeholder, .book-comment-form .comment-form li textarea:-moz-placeholder {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 300;
}

.book-comment-form .comment-form li input[type="text"]:-ms-input-placeholder, .book-comment-form .comment-form li textarea:-ms-input-placeholder {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 300;
}

.book-comment-form .comment-form li.txt-input-1st {
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .book-comment-form .comment-form li.txt-input-1st {
    padding-right: 0px;
  }
}

.book-comment-form .comment-form li.txt-input-2nd {
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  .book-comment-form .comment-form li.txt-input-2nd {
    padding-left: 0px;
  }
}

.book-comment-form .comment-form .form-submit {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 30px;
}

.book-comment-form .comment-form .form-submit .submit {
  float: right;
  border-color: #f07c29;
  color: #f07c29;
}

@media only screen and (max-width: 767px) {
  .book-comment-form .comment-form .form-submit .submit {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.book-comment-form .comment-form .form-submit .submit:hover {
  color: #fff;
}

/*
25. Store page
 */
.list-store {
  padding-top: 30px;
  padding-bottom: 100px;
  height: auto;
  float: left;
  width: 100%;
}

.list-store .clearfix {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.list-store .item-store {
  text-align: center;
  padding: 50px;
  height: 265px;
  overflow: hidden;
}

.list-store .item-store .store-title {
  font-family: "Times New Roman";
  font-size: 2.30769em;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.list-store .item-store .store-address {
  float: left;
  width: 100%;
  height: auto;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Lato", sans-serif;
  font-size: 0.92308em;
  line-height: 21px;
}

/*
26. Breadthums
 */
.breadthums-navigation {
  float: left;
  width: 100%;
  height: 120px;
}

@media only screen and (max-width: 767px) {
  .breadthums-navigation {
    display: none;
  }
}

.breadthums-navigation .container {
  position: relative;
  height: 120px;
  padding-top: 5px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  z-index: 9;
}

.breadthums-navigation .navigation-listcat {
  position: relative;
  float: left;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.breadthums-navigation .navigation-listcat .title-subcat {
  font-weight: 700;
  font-size: 1.23077em;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
}

.breadthums-navigation .navigation-listcat .title-subcat .fa {
  margin-right: 10px;
  color: #f07c29;
}

.breadthums-navigation .breadthums {
  position: relative;
  float: left;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.breadthums-navigation .breadthums .list-breadthum {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  float: left;
}

.breadthums-navigation .breadthums .list-breadthum li {
  float: left;
  font-family: "Lato", sans-serif;
  color: rgba(0, 0, 0, 0.2);
}

.breadthums-navigation .breadthums .list-breadthum li a {
  color: rgba(0, 0, 0, 0.3);
}

.breadthums-navigation .breadthums .list-breadthum li a:hover {
  color: #f07c29;
}

.breadthums-navigation .breadthums .list-breadthum li:first-child {
  margin-left: 0px;
}

.breadthums-navigation .breadthums .list-breadthum li:after {
  content: "/";
  margin-left: 10px;
  margin-right: 10px;
}

.breadthums-navigation .breadthums .list-breadthum li:last-child:after {
  content: "";
}

.breadthums-navigation .fillter-navigation {
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  float: right;
  width: auto;
  height: 30px;
}

.breadthums-navigation .fillter-navigation .book-dropdown {
  margin-left: 20px;
}

.breadthums-navigation .fillter-navigation .view-perpage .sbHolder {
  padding-right: 0px;
  width: 45px;
}

.breadthums-navigation .fillter-navigation .control-grid {
  margin-top: 5px;
  margin-left: 20px;
}

/*
27. Page about
 */
.image-magin-top {
  margin-top: 30px;
  position: relative;
  float: left;
  width: 100%;
  height: 570px;
}

.image-magin-top img {
  position: absolute;
  top: 0px;
}

.image-magin-top img:first-child {
  left: 0px;
}

.image-magin-top img:last-child {
  right: 0px;
}

.book-ourteam {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 100px;
  margin-bottom: 100px;
}

.book-ourteam .ourteam-list {
  float: left;
  width: 100%;
  height: auto;
}

.book-ourteam .title-book {
  width: 100%;
  height: auto;
}

.member-list {
  float: left;
  width: 100%;
  list-style: none;
  padding-left: 0px;
}

.member-list .member-item {
  box-sizing: border-box;
  margin-left: 15px;
  margin-right: 15px;
  width: 244px;
}

.member-list .member-item:first-child {
  margin-left: 0px;
}

.member-list .member-item:last-child {
  margin-right: 0px;
}

.member-list .member-item span {
  float: left;
  width: 100%;
  height: auto;
}

.member-list .member-item .member-name {
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 1.53846em;
  line-height: 24px;
  margin-bottom: 0px;
  margin-top: 15px;
}

.member-list .member-item .member-job {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 0.92308em;
  line-height: 23.15px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.5);
}

.member-list .member-item:hover {
  color: #f07c29;
}

.member-list .member-item:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\\'http://www.w3.org/2000/svg\\'><filter id=\\'grayscale\\'><feColorMatrix type=\\'matrix\\' values=\\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\\'/></filter></svg>#grayscale");
  filter: gray alpha(opacity=round(100));
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.member-list .member-item .member-social .list-social li {
  margin: 3px;
}

.member-list .member-item .member-social .list-social li:first-child {
  margin-left: 0px;
}

.member-list .member-item .member-social a {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 25px;
}

.member-list .member-item .member-social a:hover {
  color: #fff;
  background: #f07c29;
}

.parthner-slider {
  float: left;
  width: 100%;
  height: 120px;
  padding-top: 40px;
  margin-bottom: 40px;
}

.parthner-slider a {
  display: block;
}

.parthner-slider .swiper-wrapper a {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.parthner-slider .swiper-wrapper a img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.parthner-slider .swiper-wrapper a img:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*
28. 404 page
 */
.section-404 {
  background: url(../images/bg-404.jpg) no-repeat fixed center center;
  background-size: cover;
  float: left;
  width: 100%;
  height: auto;
}

.page-404 {
  float: left;
  width: 100vw;
  height: 100vh;
  position: relative;
  -webkit-transition: height 2s ease-out;
  /* Safari */
  transition: height 2s ease-out;
  transition-timing-function: ease;
}

.page-404 .markup-404 {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

.page-404 .markup-404 .info-page-404 {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  color: #fff;
  font-family: "Times New Roman";
}

.page-404 .markup-404 .info-page-404 .title-page {
  font-size: 3.84615em;
  line-height: 30px;
  font-weight: bold;
}

.page-404 .markup-404 .info-page-404 .desc-page-404 {
  font-style: italic;
  font-size: 1.92308em;
  line-height: 30px;
  margin-bottom: 50px;
}

.page-404 .markup-404 .info-page-404 .book-search-head {
  border-color: rgba(255, 255, 255, 0.5);
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 580px;
  padding: 12px 20px 12px 20px;
  z-index: 89;
}

.page-404 .markup-404 .info-page-404 .book-search-head i {
  color: #fff;
  font-size: 1.38462em;
  left: 25px;
}

.page-404 .markup-404 .info-page-404 .book-search-head input {
  background: transparent;
  color: #fff;
  width: 445px;
  font-size: 1.38462em;
  line-height: 18px;
}

.page-404 .markup-404 .info-page-404 .book-search-head input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.page-404 .markup-404 .info-page-404 .book-search-head input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.page-404 .markup-404 .info-page-404 .book-search-head input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.page-404 .markup-404 .info-page-404 .book-search-head input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.page-404 .markup-404 .info-page-404 .book-search-head input[type="text"] {
  padding-left: 40px;
}

.page-404 .markup-404 .info-page-404 .book-search-head .sbHolder {
  color: #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 1.23077em;
  text-align: left;
}

.page-404 .markup-404 .info-page-404 .book-search-head .sbSelector {
  color: rgba(255, 255, 255, 0.7) !important;
}

.page-404 .markup-404 .info-page-404 .book-search-head .sbToggle {
  color: rgba(255, 255, 255, 0.7);
}

.page-404 .markup-404 .info-page-404 .book-search-head .sbOptions {
  background: #252420;
  text-align: left;
}

.page-404 .markup-404 .info-page-404 .book-search-head .sbOptions a {
  color: rgba(255, 255, 255, 0.7);
}

.cat-sugets {
  float: left;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 245px;
  background: #fff;
}

.cat-sugets .cat-container {
  float: left;
  width: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}

.cat-sugets .list-sugest {
  float: left;
  width: 100%;
  list-style: none;
  padding-top: 25px;
  padding-left: 0px;
}

.cat-sugets .list-sugest .items-category {
  float: left;
  width: 250px;
  height: 145px;
  position: relative;
  margin-right: 22px;
  background: #666;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.cat-sugets .list-sugest .items-category:last-child {
  margin-right: 0px;
}

.cat-sugets .list-sugest .items-category img {
  min-width: 100%;
  min-height: 145px;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.3;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.cat-sugets .list-sugest .items-category:hover img {
  opacity: 1;
  min-width: 102%;
  min-height: 160px;
}

.cat-sugets .list-sugest .items-category a {
  float: left;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}

.cat-sugets .list-sugest .items-category a .c-item {
  position: relative;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  float: left;
  width: 100%;
  height: auto;
}

.cat-sugets .list-sugest .items-category a span {
  float: left;
  width: 100%;
}

.cat-sugets .list-sugest .items-category a span.cat-title {
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 1.23077em;
  color: #fff;
}

.cat-sugets .list-sugest .items-category a span.cat-num {
  font-size: 0.92308em;
  font-family: "Lato", sans-serif;
  color: rgba(255, 255, 255, 0.5);
}

.select2-container .select2-choice {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}

/*
27. Shop cart
 */
@media only screen and (max-width: 1025px) {
  .woocommerce-shipping-fields {
    box-sizing: border-box;
    padding-left: 15px;
    width: 95%;
  }
}

@media only screen and (max-width: 1025px) and (max-width: 767px) {
  .woocommerce-shipping-fields {
    width: 100%;
  }
}

.shopping-cart {
  float: left;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.shopping-cart .woocommerce-checkout .box-check-out #customer_details .form-row-first {
  width: 100%;
}

.shopping-cart .woocommerce-checkout .box-check-out #customer_details .form-row-last {
  width: 100%;
}

.shopping-cart .woocommerce-checkout .box-check-out input[type="text"] {
  float: left;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  box-sizing: border-box;
  height: 30px;
  font-family: "Merriweather", serif;
  width: 100%;
  font-size: 0.92308em;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 20px;
}

.shopping-cart .woocommerce-checkout .box-check-out textarea {
  float: left;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  box-sizing: border-box;
  height: 30px;
  font-family: "Merriweather", serif;
  width: 100%;
  font-size: 0.92308em;
  font-weight: 300;
}

.shopping-cart .woocommerce-checkout .box-check-out #billing_email {
  float: left;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  box-sizing: border-box;
  height: 30px;
  font-family: "Merriweather", serif;
  width: 100%;
  font-size: 0.92308em;
  font-weight: 300;
}

.shopping-cart .woocommerce-checkout .box-check-out #billing_phone {
  float: left;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  box-sizing: border-box;
  height: 30px;
  font-family: "Merriweather", serif;
  width: 100%;
  font-size: 0.92308em;
  font-weight: 300;
}

.shopping-cart .woocommerce-checkout .box-check-out .shipping-address {
  clear: inherit;
  width: initial;
}

@media only screen and (max-width: 767px) {
  .shopping-cart .woocommerce-checkout .box-check-out .shipping-address {
    width: 100%;
  }
}

.shopping-cart .title-page {
  font-family: "Lato", sans-serif;
  font-size: 2.30769em;
  line-height: 22px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 80px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .shopping-cart .title-page {
    font-size: 1.38462em;
  }
}

.shopping-cart .main-cart {
  box-sizing: border-box;
}

.shopping-cart #payment {
  background-color: transparent;
}

.shopping-cart #payment #place_order {
  background: #f07c29;
  border-color: #f07c29;
  color: #fff;
  margin-right: 15px;
  border-radius: 25px;
  padding: 11px 30px;
}

.shopping-cart #payment #place_order:hover {
  background: #f07c29;
  border-color: #f07c29;
  opacity: 0.8;
}

.shopping-cart .shop_table {
  float: left;
  width: 100%;
  height: auto;
  border: none;
  background-color: #fff;
  border: none !important;
}

.shopping-cart .shop_table.wishlist_table {
  border-top: none;
}

.shopping-cart .shop_table.wishlist_table tr {
  font-size: 1.3em;
}

.shopping-cart .shop_table.wishlist_table tr th {
  border-top: none;
}

.shopping-cart .shop_table.wishlist_table .product-name {
  padding: 16px 12px;
}

.shopping-cart .shop_table.woocommerce-checkout-review-order-table tbody tr td .book-item {
  width: 100px;
}

.shopping-cart .shop_table.woocommerce-checkout-review-order-table tbody tr td .book-item .book-image img {
  width: 100px;
}

.shopping-cart .shop_table.woocommerce-checkout-review-order-table tbody tr td.product-name {
  padding: 0;
}

.shopping-cart .shop_table.woocommerce-checkout-review-order-table tbody tr td .product-info-name {
  font-size: 1.53846em;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 22px;
}

.shopping-cart .shop_table.woocommerce-checkout-review-order-table tbody tr td .product-quantity {
  font-size: 1.53846em;
}

.shopping-cart .shop_table.woocommerce-checkout-review-order-table tbody tr td.product-total {
  font-size: 1.07692em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Merriweather", serif;
}

.shopping-cart .shop_table tr {
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.shopping-cart .shop_table tr:last-child {
  border: none;
}

.shopping-cart .shop_table tr.border-bottom {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.shopping-cart .shop_table thead {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.shopping-cart .shop_table thead tr {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}

.shopping-cart .shop_table thead tr:first-child {
  padding-top: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.shopping-cart .shop_table thead tr th {
  text-align: center !important;
  float: left !important;
  font-family: "Merriweather", serif;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.7);
}

.shopping-cart .shop_table thead tr th:first-child {
  text-align: left !important;
}

.shopping-cart .shop_table thead tr th.product-name {
  text-align: left !important;
  padding: 9px 0;
}

.shopping-cart .shop_table tbody {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.shopping-cart .shop_table tbody .number-pro {
  float: left;
  width: 20px;
  margin-right: 10px;
  height: 100%;
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 1.38462em;
}

.shopping-cart .shop_table tbody .product-info-name {
  float: left;
  margin-left: 15px;
  width: 184px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .shopping-cart .shop_table tbody .product-info-name {
    width: 120px;
    margin-left: 0;
  }
}

.shopping-cart .shop_table tbody .product-info-name.name-full {
  width: 70%;
}

.shopping-cart .shop_table tbody .product-info-name a, .shopping-cart .shop_table tbody .product-info-name span {
  float: left;
  width: 100%;
}

.shopping-cart .shop_table tbody .product-info-name a {
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 1.53846em;
  color: #000;
  margin-bottom: 10px;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  .shopping-cart .shop_table tbody .product-info-name a {
    font-size: 1.3em;
  }
}

.shopping-cart .shop_table tbody .product-info-name a:hover {
  color: #f07c29;
}

.shopping-cart .shop_table tbody .product-info-name span {
  color: rgba(0, 0, 0, 0.5);
  font-family: "Lato", sans-serif;
  font-size: 1.07692em;
}

.shopping-cart .shop_table tbody .product-info-name span.book-desc {
  margin-top: 10px;
}

.shopping-cart .shop_table tbody tr.cart_item .product-thumbnail {
  padding: 6px 0;
  display: block;
}

.shopping-cart .shop_table tbody tr.cart_item .product-thumbnail .book-item {
  width: 60px;
}

@media only screen and (max-width: 780px) {
  .shopping-cart .shop_table tbody tr.cart_item .product-thumbnail .book-item {
    margin-left: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .shopping-cart .shop_table tbody tr.cart_item .product-thumbnail .book-item {
    margin-left: 20px;
  }
}

.shopping-cart .shop_table tbody tr.cart_item .product-thumbnail .book-item .book-image img {
  width: 60px;
}

.shopping-cart .shop_table tbody tr td {
  text-align: center;
  float: left !important;
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .shopping-cart .shop_table tbody tr td {
    max-width: 25%;
    padding: 0;
  }
}

.shopping-cart .shop_table tbody tr td:first-child {
  text-align: left;
}

@media only screen and (max-width: 780px) {
  .shopping-cart .shop_table tbody tr td:first-child {
    display: block;
  }
}

.shopping-cart .shop_table tbody tr td.product-price, .shopping-cart .shop_table tbody tr td.product-subtotal {
  font-family: "Merriweather", serif;
  font-size: 1.07692em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
}

.shopping-cart .shop_table tbody tr td.product-price .remove_from_wishlist, .shopping-cart .shop_table tbody tr td.product-subtotal .remove_from_wishlist {
  color: rgba(0, 0, 0, 0.4) !important;
  font-size: 0.8em;
  font-weight: 300;
  width: initial;
  padding: 10px 0;
}

.shopping-cart .shop_table tbody tr td.product-price .remove_from_wishlist:hover, .shopping-cart .shop_table tbody tr td.product-subtotal .remove_from_wishlist:hover {
  background: none;
  color: #f07c29;
}

.shopping-cart .shop_table tbody tr td.product-add-to-cart a {
  background: #f07c29;
  border-color: #f07c29;
  color: #fff;
  margin-right: 15px;
  border-radius: 25px;
  padding: 11px 30px;
}

@media only screen and (max-width: 1025px) {
  .shopping-cart .shop_table tbody tr td.product-add-to-cart a {
    padding: 11px 6px;
  }
}

@media only screen and (max-width: 767px) {
  .shopping-cart .shop_table tbody tr td.product-add-to-cart a {
    margin-right: 0;
  }
}

.shopping-cart .shop_table tbody tr td.product-add-to-cart a:hover {
  background: #f07c29;
  border-color: #f07c29;
  opacity: 0.8;
}

.shopping-cart .shop_table tbody tr td.product-stock-status span {
  color: rgba(0, 0, 0, 0.4);
}

.shopping-cart .shop_table tbody tr td.product-name {
  min-width: 280px;
}

.shopping-cart .shop_table tbody tr td.product-quantity .quantity .book-quanlity {
  display: none;
}

.shopping-cart .shop_table tbody tr td.product-quantity a {
  color: rgba(0, 0, 0, 0.4) !important;
  font-size: 1em;
  font-weight: 300;
  width: initial;
  padding: 10px 0;
}

.shopping-cart .shop_table tbody tr td.product-quantity a:hover {
  background: none;
  color: #f07c29;
}

.shopping-cart .shop_table tbody tr td input {
  width: 50px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 150px;
  text-align: center;
  font-family: "Lato", sans-serif;
  margin-bottom: 10px;
}

.shopping-cart .shop_table tfoot {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

.shopping-cart .shop_table tfoot th {
  border-top: none !important;
}

.shopping-cart .shop_table tfoot tr {
  padding-top: 20px;
  padding-bottom: 20px;
}

.shopping-cart .shop_table tfoot tr:last-child {
  padding-top: 30px;
}

.shopping-cart .shop_table tfoot tr td {
  border-top: none;
  padding-left: 0;
}

.shopping-cart .shop_table tfoot .checkout-button {
  background: #f07c29;
  border-color: #f07c29;
  color: #fff;
  margin-right: 15px;
  border-radius: 25px;
  padding: 11px 30px;
}

.shopping-cart .shop_table tfoot .checkout-button:hover {
  background: #f07c29;
  border-color: #f07c29;
  opacity: 0.8;
}

.shopping-cart .shop_table tfoot span {
  font-family: "Merriweather", serif;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.7);
  text-transform: none;
  font-weight: bold;
  line-height: 40px;
}

.shopping-cart .shop_table .amount-center {
  float: left !important;
  text-align: center !important;
  font-family: "Merriweather", serif;
  font-weight: bold;
  font-size: 1.38462em;
  line-height: 23px;
}

@media only screen and (max-width: 767px) {
  .login-page h2, .col-2 h2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .login-page form, .col-2 form {
    border: none !important;
  }
  .wishlist_table thead {
    display: none !important;
  }
  .wishlist_table td {
    width: 100% !important;
  }
}

.info-cart {
  box-sizing: border-box;
}

.info-cart .title-box-cart {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  text-align: right;
  float: left;
  width: 100%;
  float: left;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.23077em;
}

.info-cart .title-box-cart.text-left {
  text-align: left !important;
  max-width: 50% !important;
}

.info-cart .title-box-cart a {
  color: #f07c29;
}

.info-cart .title-box-cart i {
  font-size: 1.2em;
}

.info-cart .box-info-cart {
  float: left;
  width: 100%;
  padding-top: 110px;
}

.info-cart .box-info-cart .title-cart-total {
  margin-top: 10px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 1.23077em;
}

.info-cart .box-info-cart.cart-type-2 {
  padding-top: 30px;
}

.info-cart .box-info-cart.cart-type-2 table tr td {
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-size: 0.92308em;
}

.info-cart .box-info-cart.cart-type-2 table tr td:first-child {
  text-align: right !important;
  padding-right: 5px;
}

.info-cart .box-info-cart.cart-type-2 table tr td:last-child {
  padding-left: 5px;
  text-align: left !important;
}

.info-cart .box-info-cart.cart-type-2 table tr.no-border td {
  font-weight: bold;
}

.info-cart .box-info-cart.cart-type-2 table tr.no-border td:first-child {
  color: rgba(0, 0, 0, 0.7);
}

.info-cart .box-info-cart.cart-type-2 table tr.grand-total {
  text-transform: uppercase;
  color: #f07c29;
}

.info-cart .box-info-cart.cart-type-2 table tr.grand-total td {
  font-weight: bold;
  line-height: 25px;
}

.info-cart .box-info-cart.cart-type-2 table tr.grand-total td:last-child {
  font-family: "Merriweather", serif;
  font-size: 1.92308em;
}

.info-cart .box-info-cart table {
  float: left;
  width: 100%;
}

.info-cart .box-info-cart table tr {
  float: left !important;
  width: 100%;
}

.info-cart .box-info-cart table tr.shipping {
  color: #000;
}

.info-cart .box-info-cart table tr.shipping td:last-child {
  width: 100%;
}

.info-cart .box-info-cart table tr:first-child {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  padding-top: 15px;
}

.info-cart .box-info-cart table tr td {
  float: left !important;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 0.92308em;
}

.info-cart .box-info-cart table tr td:first-child {
  width: 75%;
}

.info-cart .box-info-cart table tr td:last-child {
  width: 25%;
  text-align: center;
}

.info-cart .box-info-cart table .total-cart-preview {
  float: left;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.info-cart .box-info-cart table .total-cart-preview td {
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 23px;
}

.info-cart .box-info-cart .content-box-cart {
  float: right;
  background: #f1f1f1;
  margin-top: 10px;
  box-sizing: border-box;
  padding: 20px;
}

.info-cart .box-info-cart .content-box-cart.box-half {
  width: 100%;
}

.info-cart .box-info-cart .footer-box-cart {
  float: left;
  margin-top: 20px;
}

.info-cart .box-info-cart .footer-box-cart.box-half {
  width: 100%;
}

.info-cart .box-info-cart .footer-box-cart .coupon-cart {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 1.23077em;
  margin-bottom: 10px;
  margin-top: 20px;
}

.info-cart .box-info-cart .footer-box-cart .input-coup-on {
  float: left;
  width: 100%;
  border: 2px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 3px 10px 3px 10px;
  border-radius: 150px;
}

.info-cart .box-info-cart .footer-box-cart .input-coup-on input {
  background: transparent;
  border: none;
  max-width: 138px;
}

@media only screen and (max-width: 780px) {
  .info-cart .box-info-cart .footer-box-cart .input-coup-on input {
    max-width: 50%;
  }
}

.info-cart .box-info-cart .footer-box-cart .input-coup-on input[type='submit'] {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 0.84615em;
  padding-right: 0px;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1025px) {
  .info-cart .box-info-cart .footer-box-cart .input-coup-on input[type='submit'] {
    width: 48px;
  }
}

.foot-button {
  float: left;
  width: 100%;
}

.foot-button td {
  float: left !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-weight: normal !important;
  float: left;
  width: 100% !important;
}

.foot-button td span {
  color: rgba(0, 0, 0, 0.7);
  float: right;
  line-height: 30px;
}

.foot-button td a {
  margin-left: 15px;
  float: right;
  color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}

.foot-button td a:hover {
  background-color: #f07c29;
  color: #fff;
}

/*
29. Landing page
 */
.humberger {
  width: 22px;
  height: auto;
  position: absolute;
  right: 0px;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.humberger i {
  float: left;
  margin-top: 5px;
  height: 2px;
  background: #fff;
  width: 100%;
}

.humberger i:first-child {
  margin-top: 0px;
}

.header-landing {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
}

.header-landing .top-header {
  float: left;
  width: 100%;
  height: 100px;
  top: 40px;
  left: 0px;
  position: absolute;
}

.header-landing .top-header .container-fluid {
  position: relative;
  height: 100%;
}

.header-landing .top-header #logo {
  position: absolute;
  float: left;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-landing .top-header .humberger-landing {
  position: absolute;
  right: 0px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-landing .slider-landing {
  float: left;
  width: 100%;
  height: auto;
}

.header-landing .slider-landing img {
  width: 100%;
  height: auto;
}

.about-book-landing {
  float: left;
  width: 100%;
  height: 1px;
}

.about-book-landing .container {
  position: relative;
}

.about-book-landing .book-item-intro {
  position: absolute;
  left: 0px;
  top: -465px;
}

.about-book-landing .book-item-intro .book-info-show {
  box-sizing: border-box;
  padding-left: 40px;
  color: #fff;
}

.about-book-landing .book-item-intro .book-info-show a {
  color: #fff;
}

.about-book-landing .book-item-intro .book-info .book-name {
  font-family: "Times New Roman";
  font-size: 4.61538em;
  line-height: 70px;
  margin-bottom: 10px;
}

.about-book-landing .book-item-intro .book-info .book-author {
  font-family: "Lato", sans-serif;
  font-size: 1.23077em;
  line-height: 25px;
  color: #fff;
  margin-bottom: 40px;
}

.about-book-landing .book-item-intro .book-info .book-author a {
  color: #fff !important;
  text-transform: uppercase;
}

.about-book-landing .book-item-intro .book-info .book-author a:hover {
  color: #f07c29 !important;
}

.about-book-landing .book-item-intro .book-info .book-desc {
  font-family: "Merriweather", serif;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.1;
  margin-bottom: 35px;
}

.about-book-landing .book-item-intro .book-info .book-buy .book-button {
  line-height: 35px;
  font-size: 1.07692em;
}

.landing-author-instagram {
  float: left;
  width: 100%;
  min-height: 450px;
  position: relative;
}

.landing-author-instagram .title-instagram {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 4.61538em;
  font-family: "Times New Roman";
  color: #000;
  font-style: italic;
  font-weight: bold;
  z-index: 999999;
}

.landing-author-instagram .title-instagram .fa {
  margin-right: 25px;
}

.landing-author-instagram .list-image-instagram {
  float: left;
  width: 100%;
  height: auto;
  list-style: none;
  overflow: hidden;
  padding-left: 0px;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.landing-author-instagram .list-image-instagram .insta-image {
  float: left;
  width: 16.666%;
  box-sizing: border-box;
  border: 1px solid #fff;
  height: auto;
  overflow: hidden;
}

.landing-author-instagram .list-image-instagram .insta-image.insta-width2 {
  width: 33.3333%;
}

.landing-author-instagram .list-image-instagram .insta-image img {
  opacity: 0.4;
  width: 100%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  min-height: 100%;
}

.landing-author-instagram .list-image-instagram .insta-image img:hover {
  opacity: 1;
}

.landing-book-blog {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 150px;
}

.landing-book-blog .landing-list-news {
  float: left;
  width: 100%;
  height: auto;
  padding-left: 0px;
  list-style: none;
}

.landing-book-blog .landing-list-news li {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.landing-book-blog .landing-list-news li:hover a {
  color: #f07c29;
}

.landing-book-blog .landing-list-news li:hover img {
  opacity: 0.8;
}

.landing-book-blog .landing-list-news li .news-landing-book {
  float: left;
  margin-right: 30px;
  width: 46%;
}

.landing-book-blog .landing-list-news li div {
  float: left;
  width: 35%;
}

.landing-book-blog .landing-list-news li div a {
  font-family: "Times New Roman";
  font-size: 1.53846em;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.landing-book-blog .landing-list-news li div .time-up {
  float: left;
  width: 100%;
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 0.92308em;
  color: rgba(0, 0, 0, 0.5);
}

.story-about-book {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.story-about-book .title-box {
  margin-bottom: 50px;
}

.story-about-book .book-story-list {
  float: left;
  width: 100%;
  height: auto;
}

.story-about-book .book-story-list .row {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 75px;
}

.story-about-book .book-story-list .row div {
  box-sizing: border-box;
}

.story-about-book .book-story-list .row div h2 {
  font-weight: bold;
  font-size: 3.07692em;
  margin-top: 0px;
}

.story-about-book .book-story-list .row div h3 {
  font-weight: bold;
  font-size: 1.53846em;
  margin-top: 0px;
}

.story-about-book .book-story-list .row div p {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 25px;
}

.story-about-book .book-story-list .row div:first-child {
  padding-right: 15px;
}

.story-about-book .book-story-list .row div:last-child {
  padding-left: 15px;
}

.story-about-book .book-story-list .row:nth-child(1) {
  text-align: right;
}

.story-about-book .book-story-list .row:nth-child(1) img {
  float: left;
}

.story-about-book .book-story-list .row:nth-child(2) {
  text-align: left;
}

.story-about-book .book-story-list .row:nth-child(2) img {
  float: right;
}

.book-player-video {
  float: left;
  width: 100%;
  height: auto;
  background-size: cover;
  padding-top: 155px;
  padding-bottom: 155px;
}

.book-player-video .container {
  position: relative;
}

.book-player-video .desc-book-player {
  font-family: "Times New Roman";
  font-size: 3.07692em;
  line-height: 55px;
  font-style: italic;
  color: #fff;
  float: left;
  height: auto;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 30px;
}

.book-player-video .player-image {
  box-sizing: border-box;
  padding-left: 15px;
  position: relative;
}

.book-player-video .player-image .button-play {
  background: url(../images/landing-play.png) no-repeat;
  background-position: left center;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}

.book-player-video .player-image .button-play:hover {
  background-position: right center;
}

.count-down-beboo {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 280px;
  padding-bottom: 80px;
  background-size: cover;
}

.count-down-beboo .countdown-section {
  float: left;
  width: 100%;
  height: auto;
}

.count-down-beboo .countdown-section .count-down-time {
  float: left;
  display: inline-block;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  list-style: none;
  padding-left: 0px;
  margin-bottom: 70px;
}

.count-down-beboo .countdown-section .count-down-time li {
  float: left;
  width: 180px;
  height: auto;
  color: #fff;
  text-align: center;
  font-family: "Lato", sans-serif;
}

.count-down-beboo .countdown-section .count-down-time li h3 {
  font-size: 4.61538em;
  line-height: 60px;
  font-weight: 300;
}

.count-down-beboo .countdown-section .count-down-time li p {
  font-size: 1.53846em;
  line-height: 60px;
  font-weight: 300;
}

.count-down-beboo .text-subcribe {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 30px;
  font-family: "Merriweather", serif;
  font-size: 1em;
  line-height: 20px;
  font-weight: 300;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
}

.images-absolute {
  float: left;
  width: 100%;
  height: 300px;
  position: relative;
  margin-top: 30px;
}

.images-absolute img {
  position: absolute;
}

.images-absolute img:first-child {
  left: 0px;
  top: 0px;
}

.images-absolute img:last-child {
  right: 0px;
  top: 0px;
}

.book-advertising {
  padding-top: 30px;
  padding-bottom: 30px;
}

.form-subcribe {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  padding-top: 155px;
  padding-bottom: 155px;
}

@media only screen and (max-width: 767px) {
  .form-subcribe {
    float: left;
    width: 100%;
  }
}

.form-subcribe .mail-subcribe {
  float: left;
  content: "";
  width: 30px;
  height: 19px;
  background: url(../images/subcribe-mail.png) no-repeat center center;
  position: absolute;
  margin-top: 10px;
  margin-left: 30px;
}

@media only screen and (max-width: 780px) {
  .form-subcribe .mail-subcribe {
    bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .form-subcribe .mail-subcribe {
    bottom: 55px;
  }
}

.form-subcribe .subcribe-form-view {
  float: left;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  text-align: center;
}

@media only screen and (max-width: 1025px) {
  .form-subcribe .subcribe-form-view {
    width: 100%;
  }
}

.form-subcribe .subcribe-form-view .title-subcribe {
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (min-width: 780px) {
  .form-subcribe .subcribe-form-view .title-subcribe {
    white-space: nowrap;
  }
}

.form-subcribe .subcribe-form-view .title-subcribe strong {
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 3.46154em;
  color: #f07c29;
  letter-spacing: 0.3px;
  margin-right: 5px;
}

@media only screen and (min-width: 767px) {
  .form-subcribe .subcribe-form-view .title-subcribe strong {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 780px) {
  .form-subcribe .subcribe-form-view .title-subcribe strong {
    width: 100%;
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .form-subcribe .subcribe-form-view .title-subcribe strong {
    margin-top: -30px;
    font-size: 1.92308em;
  }
}

.form-subcribe .subcribe-form-view .title-subcribe span {
  font-style: italic;
  font-family: "Lato", sans-serif;
  font-size: 1.92308em;
  color: #848484;
  letter-spacing: 0.5px;
}

@media only screen and (min-width: 767px) {
  .form-subcribe .subcribe-form-view .title-subcribe span {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 780px) {
  .form-subcribe .subcribe-form-view .title-subcribe span {
    width: 100%;
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .form-subcribe .subcribe-form-view .title-subcribe span {
    margin-bottom: 20px;
    font-size: 1.23077em;
  }
}

.form-subcribe .subcribe-form-view .txt-subcrible-text {
  border: none;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  width: 486px;
  height: 30px;
  padding-left: 80px;
  margin-right: 20px;
  font-family: "Merriweather", serif;
  line-height: 16px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .form-subcribe .subcribe-form-view .txt-subcrible-text {
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
    text-indent: 80px;
  }
}

.form-subcribe .subcribe-form-view .book-button {
  position: relative;
  top: 5px;
}

@media only screen and (max-width: 767px) {
  .form-subcribe .subcribe-form-view .book-button {
    top: 25px;
  }
}

/*
Get info author
 */
.row-full-info {
  float: left;
  width: 100%;
  height: 0px;
  background: #252420;
  position: absolute;
  left: 0px;
  overflow: hidden;
  /*// @include transition;*/
  opacity: 0;
}

.row-full-info.active {
  height: 670px;
  opacity: 1;
  animation-name: expand;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
}

@keyframe expand {
  0% {
    height: 0px;
  }
  100% {
    height: 670px;
  }
}

.fill-result {
  float: left;
  width: 100%;
  position: relative;
  min-height: 670px;
}

#result-author .detail-author-book {
  padding-bottom: 0px;
}

#result-author .detail-author-book .close-detail-author {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url(../images/icon-x-hover.png) no-repeat center center;
  opacity: 0.2;
}

#result-author .detail-author-book .close-detail-author:hover {
  opacity: 1;
}

/*//Box half cart type 2*/
.box-cart-left {
  float: left;
}

.no-results {
  padding-top: 50px;
  text-align: center;
}

.no-results .searchform {
  position: relative;
  margin-top: 30px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.footer-suppertop {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  font-family: "Merriweather", serif;
  font-weight: 300;
}

.super-ftop {
  text-align: center;
  vertical-align: text-bottom;
  height: auto;
}

@media only screen and (max-width: 780px) {
  .super-ftop {
    display: none;
  }
}

@media only screen and (max-width: 780px) {
  .super-ftop.social {
    display: block;
  }
}

.super-ftop * {
  border-color: rgba(0, 0, 0, 0.1);
}

.super-ftop .title-language {
  float: left;
  width: 100%;
}

.super-ftop .title-box {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.super-ftop .title-box:after {
  display: none;
}

.super-ftop:nth-child(2) {
  box-sizing: border-box;
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
  padding-left: 3%;
  padding-right: 3%;
  min-height: 160px;
  display: table;
}

.super-ftop:nth-child(2) .content-ftop {
  float: left;
  width: 100%;
  height: auto;
  display: table-cell;
  vertical-align: bottom;
}

.super-ftop .list-link {
  float: left;
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-bottom: 20px;
}

.super-ftop .list-link li {
  height: 62px;
  float: left;
}

.super-ftop .list-link li a {
  float: left;
  height: auto;
  margin-top: 45px;
}

.super-ftop .list-link li:first-child {
  margin-right: 20px;
  width: 122px;
  text-align: right;
}

@media only screen and (max-width: 780px) {
  .super-ftop .list-link li:first-child {
    width: auto;
  }
}

.super-ftop .list-link li:first-child a {
  float: right;
}

.super-ftop .list-link li:last-child {
  margin-left: 20px;
}

.super-ftop .list-lang li {
  margin-right: 25px;
}

@media only screen and (max-width: 767px) {
  .super-ftop .list-lang li {
    width: 100%;
    float: left;
  }
}

.super-ftop .list-lang li img {
  margin-right: 10px;
}

.super-ftop .list-lang li:last-child {
  margin-right: 0px;
}

.super-ftop ul {
  float: left;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.super-ftop ul li {
  float: left;
}

.super-ftop .book-subcribe-form {
  margin-top: 15px;
}

.super-ftop .book-subcribe-form .subcribe-message {
  color: rgba(0, 0, 0, 0.5);
}

.super-ftop .book-subcribe-form form input {
  color: rgba(0, 0, 0, 0.5);
}

.super-ftop .book-subcribe-form form input[type="submit"] {
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}

.super-ftop .app-list {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  margin-bottom: 25px;
}

.super-ftop .language-footer .title-language {
  margin-bottom: 15px;
}

.super-ftop .social-list li {
  margin-right: 5px;
}

.super-ftop .social-list li a {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
  background: rgba(204, 204, 204, 0.6);
  color: #fff;
}

.super-ftop .social-list li a:hover {
  background: rgba(76, 76, 76, 0.7);
}

/*
30. footer
 */
footer {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 100px;
  border-top: none;
}

footer.footer-landing {
  padding-top: 0px;
}

footer .top-footer {
  float: left;
  width: 100%;
  padding-bottom: 100px;
}

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

@media only screen and (max-width: 780px) and (min-width: 767px) {
  footer .col-sm-2 {
    width: 30% !important;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding-right: 30px;
  }
}

footer .footer-column {
  padding-left: 15px;
  padding-right: 15px;
}

footer .footer-column:first-child {
  padding-left: 0px;
}

footer .footer-column:last-child {
  padding-right: 0px;
}

footer .footer-widget {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

footer .footer-widget:first-child {
  padding-left: 0px;
}

footer .footer-widget:last-child {
  padding-right: 0px;
}

@media only screen and (max-width: 767px) {
  footer .footer-widget {
    margin-bottom: 50px;
  }
}

footer .footer-widget .widget-title {
  width: 100%;
}

footer .footer-widget .widget-body {
  font-family: "Merriweather", serif;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}

footer .footer-widget .widget-body .menu, footer .footer-widget .widget-body .product-categories {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

footer .footer-widget .widget-body .menu li, footer .footer-widget .widget-body .product-categories li {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  line-height: 25px;
}

footer .footer-widget .widget-body .menu li.col-md-6, footer .footer-widget .widget-body .menu li.col-sm-6, footer .footer-widget .widget-body .product-categories li.col-md-6, footer .footer-widget .widget-body .product-categories li.col-sm-6 {
  width: 50%;
}

footer .footer-widget .widget-body .menu li a, footer .footer-widget .widget-body .product-categories li a {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
}

footer .footer-widget .widget-body .menu li a:hover, footer .footer-widget .widget-body .product-categories li a:hover {
  color: #f07c29;
}

footer .footer-widget .widget-body .book-info {
  width: 50%;
  box-sizing: border-box;
  padding-left: 15px;
}

footer .footer-widget .widget-body .book-info .book-rate {
  margin-top: 5px;
}

footer .footer-widget .widget-body .book-info .book-price {
  margin-top: 12px;
  font-size: 1.23077em;
  color: rgba(0, 0, 0, 0.7);
}

footer .footer-widget .widget-footer {
  float: left;
  width: 100%;
  margin-top: 20px;
}

footer .landing-social-author {
  float: left;
  width: auto;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

footer .landing-social-author a {
  color: rgba(255, 255, 255, 0.4);
}

footer .landing-social-author a:hover {
  color: #fff;
}

footer .bottom-footer {
  float: left;
  width: 100%;
  background: #252420;
  height: 80px;
  position: relative;
  z-index: 9999;
}

footer .bottom-footer .container, footer .bottom-footer .container-fluid {
  position: relative;
  height: 100%;
}

footer .bottom-footer .payment {
  left: 0px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  footer .bottom-footer .payment {
    display: none;
  }
}

footer .bottom-footer .payment a {
  display: inline-block;
  margin-right: 15px;
  opacity: 0.4;
}

footer .bottom-footer .payment a:hover {
  opacity: 0.9;
}

footer .bottom-footer .copyright {
  right: 0px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 767px) {
  footer .bottom-footer .copyright {
    text-align: center;
    width: 100%;
  }
}

footer .bottom-footer .copyright a {
  color: rgba(255, 255, 255, 0.2);
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.gradient, .jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar .jp-play-bar, .jp-audio .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {
  background: #3359ac;
  background: -moz-linear-gradient(left, #3359ac 0%, #1ba3d9 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #3359ac), color-stop(100%, #1ba3d9));
  background: -webkit-linear-gradient(left, #3359ac 0%, #1ba3d9 100%);
  background: -o-linear-gradient(left, #3359ac 0%, #1ba3d9 100%);
  background: -ms-linear-gradient(left, #3359ac 0%, #1ba3d9 100%);
  background: linear-gradient(to right, #3359ac 0%, #1ba3d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3359ac', endColorstr='#1ba3d9', GradientType=1 );
}

.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
  /* Disable the browser focus highlighting. */
  outline: none;
}

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
  /* Disable the browser CSS3 focus highlighting. */
  border: 0;
}

#jquery_jplayer_2 {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.jp-type-playlist {
  float: left;
  width: 100%;
}

.jp-audio {
  float: left;
  width: 100%;
  bottom: 0px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  z-index: 99999999;
}

.jp-audio button {
  border: none;
  background: transparent;
  font-family: "FontAwesome";
  line-height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.07692em;
  border-radius: 0;
}

.jp-audio .jp-current-song {
  float: left;
  width: 15%;
  height: 50px;
}

.jp-audio .jp-current-song p {
  line-height: 25px;
  float: left;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
}

.jp-audio .jp-type-playlist {
  float: left;
  margin-left: 15px;
}

.jp-audio .jp-type-playlist .jp-gui {
  float: left;
  width: 100%;
  height: auto;
}

.jp-audio .jp-type-playlist .jp-gui .jp-controls {
  float: left;
  width: 12%;
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress {
  float: left;
  width: 45%;
  height: 50px;
  cursor: pointer;
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar {
  float: left;
  width: 100%;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar .jp-play-bar {
  float: left;
  height: 2px;
}

.jp-audio .jp-type-playlist .jp-gui button.jp-previous:before {
  content: "\f04a";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-play:before {
  content: "\f04b";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-next:before {
  content: "\f04e";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-stop:before {
  content: "\f04d";
}

.jp-audio.jp-state-playing .jp-type-playlist .jp-gui button.jp-play:before {
  content: "\f04c";
}

.jp-audio .jp-volume-controls {
  font-family: "FontAwesome";
  float: left;
  width: 40px;
  line-height: 50px;
  margin-left: 10px;
}

.jp-audio .jp-volume-controls .jp-mute:before {
  content: "\f028";
}

.jp-audio .jp-volume-controls .jp-volume-max {
  display: none !important;
}

.jp-audio .jp-volume-controls .jp-volume-max:before {
  content: "\f028";
}

.jp-audio .jp-volume-controls .jp-volume-bar {
  display: none !important;
  float: left;
  height: 2px;
  width: 100px;
  background: #fff;
  cursor: pointer;
}

.jp-audio .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {
  float: left;
  height: 2px;
}

.jp-audio.jp-state-muted .jp-volume-controls .jp-mute:before {
  content: "\f026";
}

.jp-audio .jp-time-holder {
  float: left;
  width: 10%;
  line-height: 50px;
}

.jp-audio .jp-time-holder .jp-current-time {
  padding-right: 10px;
}

.jp-audio .jp-time-holder .jp-current-time:after {
  content: "/";
  margin-left: 10px;
}

.jp-audio .jp-time-holder .jp-current-time, .jp-audio .jp-time-holder .jp-duration {
  float: left;
}

.jp-audio .jp-toggles {
  float: left;
}

.jp-audio .jp-toggles button {
  float: left;
}

.jp-audio .jp-toggles button.jp-repeat:before {
  content: "\f01e";
}

.jp-audio .jp-toggles button.jp-shuffle:before {
  content: "\f074";
}

.jp-audio .jp-toggles button.jp-toshow:before {
  content: "\f001";
}

.jp-audio .jp-toggles button.jp-toshow.active {
  color: #f07c29;
}

.jp-audio.jp-state-looped .jp-toggles button.jp-repeat {
  color: #f07c29;
}

.jp-audio.jp-state-shuffled .jp-toggles button.jp-shuffle {
  color: #f07c29;
}

.jp-audio .jp-playlist {
  display: none;
  height: auto;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  bottom: 75px;
  right: 0px;
  padding: 15px;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 9999;
}

.jp-audio .jp-playlist .contain-playlist {
  max-height: 200px;
  height: 200px;
  overflow: hidden;
  overflow-y: scroll;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

.jp-audio .jp-playlist ul {
  padding-left: 0px;
  max-height: 200px;
  float: left;
  font-size: 1em;
  list-style: none;
  width: 200px;
}

.jp-audio .jp-playlist ul li {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}

.jp-audio .jp-playlist ul li a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  float: left;
}

.jp-audio .jp-playlist ul li a:hover {
  color: #f07c29;
}

.jp-audio .jp-playlist ul li a.jp-playlist-item-remove {
  display: block !important;
  color: red;
  float: left;
  margin-right: 5px;
}

.jp-audio .jp-playlist ul li .jp-artist {
  font-size: 0.84615em;
}

.jp-audio .jp-playlist ul li.jp-playlist-current a {
  color: #f07c29;
}

.jp-audio .jp-playlist ul li.jp-playlist-current a.jp-playlist-item-remove {
  color: red;
}

/*
31. For detail media product
 */
.audio-iconplay {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  margin-top: 20px;
  cursor: pointer !important;
}

.audio-iconplay i {
  line-height: 30px;
  float: left;
  width: 25px;
  height: 30px;
  font-size: 1.92308em;
}

.audio-iconplay i.fa-pause {
  color: #f07c29;
}

.audio-iconplay a {
  color: rgba(0, 0, 0, 0.7);
}

.modal-play {
  width: 780px !important;
  max-height: 400px !important;
}

@media only screen and (max-width: 767px) {
  .modal-play {
    width: 100% !important;
    min-height: 200px !important;
  }
}

.mejs-container, .mejs-container * {
  max-width: 780px !important;
  max-height: 440px !important;
}

.mejs-controls {
  width: 100%;
}

.modal-dialog {
  background: #000;
  background: transparent;
}

.modal-dialog {
  width: 780px;
}

@media only screen and (max-width: 780px) {
  .modal-dialog {
    width: 89% !important;
  }
}

.modal-content {
  height: 440px;
  background: transparent;
}

@media only screen and (max-width: 780px) {
  .modal-dialog.beau-gallery-image {
    width: 89% !important;
  }
}

.modal-dialog.beau-gallery-image img {
  width: 100%;
}

.modal-dialog .modal-content {
  border: none;
}

.modal-dialog .modal-content .modal-header .close {
  position: absolute;
  right: -21px;
  top: 0px;
  font-size: 1.5em;
}

.modal-dialog .modal-body {
  width: auto;
  height: auto;
  position: relative;
  text-align: center;
}

.modal-dialog .modal-body img {
  max-width: 100%;
}

.modal-dialog .modal-body iframe {
  width: 780px !important;
  height: 450px !important;
}

@media only screen and (max-width: 780px) {
  .modal-dialog .modal-body iframe {
    width: 100% !important;
  }
}

.modal-dialog .modal-body .beau-arrg {
  position: relative;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-left: '50px' solid transparent;
  border-right: '50px' solid transparent;
  border-bottom: '50px' solid '#2f2f2f';
}

.modal-dialog .modal-body .beau-back, .modal-dialog .modal-body .beau-next {
  position: absolute;
  width: 25%;
  height: 100%;
  background: transparent;
  top: 0px;
  cursor: pointer;
}

.modal-dialog .modal-body .beau-back {
  left: 0px;
}

.modal-dialog .modal-body .beau-next {
  right: 0px;
}

.list-playlist {
  float: left;
  width: 100%;
  padding-left: 0px;
  list-style: none;
  margin-top: 20px;
}

.list-playlist li {
  float: left;
  width: 65%;
  height: 40px;
  line-height: 16px;
}

@media only screen and (max-width: 1025px) {
  .list-playlist li {
    width: 70%;
  }
}

@media only screen and (max-width: 1025px) and (max-width: 780px) {
  .list-playlist li {
    width: 100%;
  }
}

.list-playlist li .list-play {
  float: left;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}

.list-playlist li p {
  font-family: "Lato", sans-serif;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.7);
}

.list-playlist li p.audio-name {
  float: left;
  width: 80%;
}

.list-playlist li p.audio-time {
  width: 17%;
  float: right;
}

@media only screen and (max-width: 1025px) {
  .list-playlist li p.audio-time {
    width: 20%;
  }
}

.list-playlist li i {
  float: left;
  margin-right: 10px;
  line-height: 16px;
  cursor: pointer;
}

.list-playlist li.active p {
  color: #000;
}

.list-playlist li.active i {
  color: #f07c29;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: th;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
  /* Disable the browser focus highlighting. */
  outline: none;
}

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
  /* Disable the browser CSS3 focus highlighting. */
  border: 0;
}

#jquery_jplayer_2 {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.jp-type-playlist {
  float: left;
  width: 100%;
}

.jp-book-thumbs {
  float: left;
  width: 22%;
}

.jp-book-thumbs img {
  max-height: 40px;
  margin-top: 4px;
  width: auto;
  float: left;
}

.jp-book-thumbs span {
  float: left;
  width: 80%;
  margin-left: 14px;
  line-height: 14px;
  padding-top: 10px;
}

@media only screen and (max-width: 780px) {
  .jp-book-thumbs span {
    display: none;
  }
}

.jp-book-thumbs span p {
  margin-bottom: 2px;
}

.jp-audio {
  float: left;
  width: 100%;
  bottom: 0px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  position: fixed;
  z-index: 99999999;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  font-family: "Lato", sans-serif;
}

@media only screen and (max-width: 767px) {
  .jp-audio {
    display: none;
  }
}

.jp-audio button {
  border: none;
  background: transparent;
  font-family: "FontAwesome";
  line-height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.07692em;
  border-radius: 0;
  margin-right: 14px;
}

.jp-audio button:last-child {
  margin-right: 0px;
}

.jp-audio .jp-current-song {
  float: left;
  width: 15%;
  height: 50px;
}

.jp-audio .jp-current-song p {
  line-height: 50px;
  float: left;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
}

.jp-audio .jp-type-playlist {
  float: left;
  margin-left: 15px;
}

.jp-audio .jp-type-playlist .jp-gui {
  float: left;
  width: 100%;
  height: auto;
}

.jp-audio .jp-type-playlist .jp-gui .jp-controls {
  float: left;
  width: 12%;
}

@media only screen and (max-width: 780px) {
  .jp-audio .jp-type-playlist .jp-gui .jp-controls {
    width: 15%;
  }
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress {
  float: left;
  width: 35%;
  height: 50px;
  cursor: pointer;
}

@media only screen and (max-width: 780px) {
  .jp-audio .jp-type-playlist .jp-gui .jp-progress {
    width: 25%;
  }
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar {
  float: left;
  width: 100%;
  position: relative;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.jp-audio .jp-type-playlist .jp-gui .jp-progress .jp-seek-bar .jp-play-bar {
  float: left;
  background: #f07c29;
  height: 2px;
}

.jp-audio .jp-type-playlist .jp-gui button.jp-previous:before {
  content: "\f048";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-play:before {
  content: "\f04b";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-next:before {
  content: "\f051";
}

.jp-audio .jp-type-playlist .jp-gui button.jp-stop:before {
  content: "\f04d";
}

.jp-audio.jp-state-playing .jp-type-playlist .jp-gui button.jp-play:before {
  content: "\f04c";
}

.jp-audio .jp-volume-controls {
  font-family: "FontAwesome";
  float: left;
  width: 40px;
  line-height: 50px;
  margin-left: 10px;
}

.jp-audio .jp-volume-controls .jp-mute:before {
  content: "\f028";
}

.jp-audio .jp-volume-controls .jp-volume-max {
  display: none !important;
}

.jp-audio .jp-volume-controls .jp-volume-max:before {
  content: "\f028";
}

.jp-audio .jp-volume-controls .jp-volume-bar {
  display: none !important;
  float: left;
  height: 2px;
  width: 100px;
  background: #fff;
  cursor: pointer;
}

.jp-audio .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {
  float: left;
  height: 2px;
}

.jp-audio.jp-state-muted .jp-volume-controls .jp-mute:before {
  content: "\f026";
}

.jp-audio .jp-time-holder {
  float: left;
  width: 10%;
  line-height: 50px;
}

@media only screen and (max-width: 780px) {
  .jp-audio .jp-time-holder {
    width: 14%;
  }
}

.jp-audio .jp-time-holder .jp-current-time {
  padding-right: 5px;
}

.jp-audio .jp-time-holder .jp-current-time:after {
  content: "/";
  margin-left: 5px;
}

.jp-audio .jp-time-holder .jp-current-time, .jp-audio .jp-time-holder .jp-duration {
  float: left;
}

.jp-audio .jp-toggles {
  float: left;
}

.jp-audio .jp-toggles button {
  float: left;
}

.jp-audio .jp-toggles button.jp-repeat:before {
  content: "\f01e";
}

.jp-audio .jp-toggles button.jp-shuffle:before {
  content: "\f074";
}

.jp-audio .jp-toggles button.jp-toshow:before {
  content: "\f001";
}

.jp-audio .jp-toggles button.jp-toshow.active {
  color: #f07c29;
}

.jp-audio.jp-state-looped .jp-toggles button.jp-repeat {
  color: #f07c29;
}

.jp-audio.jp-state-shuffled .jp-toggles button.jp-shuffle {
  color: #f07c29;
}

.jp-audio .jp-playlist {
  display: none;
  height: auto;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  bottom: 75px;
  right: 0px;
  padding: 15px;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 9999;
}

.jp-audio .jp-playlist .contain-playlist {
  max-height: 200px;
  height: 200px;
  overflow: hidden;
  overflow-y: scroll;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

.jp-audio .jp-playlist ul {
  padding-left: 0px;
  max-height: 200px;
  float: left;
  font-size: 1em;
  list-style: none;
  width: 200px;
}

.jp-audio .jp-playlist ul li {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}

.jp-audio .jp-playlist ul li a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  float: left;
}

.jp-audio .jp-playlist ul li a:hover {
  color: #f07c29;
}

.jp-audio .jp-playlist ul li a.jp-playlist-item-remove {
  display: block !important;
  color: red;
  float: left;
  margin-right: 5px;
}

.jp-audio .jp-playlist ul li .jp-artist {
  font-size: 0.84615em;
}

.jp-audio .jp-playlist ul li.jp-playlist-current a {
  color: #f07c29;
}

.jp-audio .jp-playlist ul li.jp-playlist-current a.jp-playlist-item-remove {
  color: red;
}