/*
Theme Name: VW Book Store Pro
Theme URI: https://www.vwthemes.com/themes/bookstore-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This bookstore WordPress theme is clean, reliable, modern and feature-full with great use for book stores, eBook portals, online book sellers, authors, journalists, writers, editors, publishers, libraries, reading clubs, online music, movies and game selling website and all the literature lovers. It is a one-stop-solution for establishing a performance efficient website for all books and reading related businesses. It has all the facility to list your books whether you deal with kids’ sound and story books or literature books for adults. It has sections cascaded to form a continuity to never leave the visitors idle. This bookstore WordPress theme has a fluid layout making it fully responsive. It is cross-browser compatible and translation ready. It is coded from scratch to make it bug-free. It is fearlessly compatible with third party plugins to give an extra edge to your website with the added plugin.
Version: 1.2.1
Requires at least: 5.4.2 
Tested up to: 5.5.3
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: vw-book-store-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Book Store Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Book Store Pro WordPress Theme is released under the terms of GNU GPL
*/
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Work Sans Regular'), local('WorkSans-Regular'), url(./assets/css/WorkSans-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Work Sans Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Work Sans Medium'), local('WorkSans-Medium'), url(./assets/css/WorkSans-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Work Sans Semi Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Work Sans Semi Bold'), local('WorkSans-SemiBold'), url(./assets/css/WorkSans-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans Extra Bold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Work Sans Extra Bold'), local('WorkSans-ExtraBold'), url(./assets/css/WorkSans-ExtraBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Monsterrat*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(./assets/css/Montserrat-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(./assets/css/Montserrat-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat SemiBold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(./assets/css/Montserrat-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat Extra Bold';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat Extra Bold'), local('Montserrat-ExtraBold'), url(./assets/css/Montserrat-ExtraBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(./assets/css/Montserrat-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --white: #ffffff;
  --black: #000000;
  --green: #f06845;
  --orange: #f06845;
  --lightorange: #dc5432;
  --black1: #191b27;
  --black2: #3f3f3f;
  --black3: #5b5b5b;
  --grey1: #1a1616;
  --grey2: #333333;
  --grey3: #6649a6;
  --grey4: #444444;
  --grey5: #424648;
  --grey6: #464a4c; 
  --lightgrey2: #d7d7d7;
  --lightgrey3: #bbbbbb;
  --lightgrey4: #838384;
  --lightgrey5: #e4e4e4;
  --lightgrey6: #e8e8e8;
  --lightgrey7: #002b46;
  --lightgrey8: #e7e7e7;
  --lightgrey9: #dddddd;
  --white11: #f2f2f2;
  --white12: #f7f7f7;
  --lightgrey10: #454242;
  scroll-behavior: auto !important;
  
 }
:root {
  --common-font-w: "Work Sans"; --common-font-wm: "Work Sans Medium"; --common-font-wsm: "Work Sans Semi Bold"; --common-font-web: "Work Sans Extra Bold"; --common-font-m: "Montserrat"; --common-font-mm: "Montserrat Medium"; --common-font-msb: "Montserrat SemiBold"; --common-font-meb: "Montserrat Extra Bold"; --common-font-mb: "Montserrat Bold"; --common-font-l: "Libre Baskerville"; 
}
/* Basic Style */
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 14px;
  color: var(--black3);
  font-family: var(--common-font-mm);
}
label {
  margin-bottom: 0 !important;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
  width: auto;
}
section img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 10px 0;
  line-height: 1.4;
  color: var(--black2);
  font-family: var(--common-font-m);
  font-weight: bold;
}
p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}
p,
ul li a {
  letter-spacing: 0px;
  font-family: var(--common-font-wm);
}
body a {
  text-decoration: none;
  color: var(--orange);
}
a:hover {
  text-decoration: none;
  color: var(--black1);
}
a:focus, a:hover {
  text-decoration: none !important;
}
ul, ol {
  margin: 0 0 0 15px;
  padding: 0;
}
ul li, ol li {
  font-size: 14px;
}
:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--black3);
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: var(--orange);
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: var(--orange);
}
blockquote cite {
  color: var(--black3);
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small {
  font-size: 14px !important;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea {
  border: 1px solid var(--grey5);
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 0;
  background-attachment: fixed;
}

select {
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  border: none;
  background-color: var(--orange);
}
input[type="submit"]:hover {
  cursor: pointer;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
.wp-caption-text {
  margin: 0;
  padding: 0;
}
.gallery-caption {
  margin: 0;
  padding: 0;
}
.bypostauthor {
  margin: 0;
  padding: 0;
}
.hovereffect a {
  border: 1px solid var(--grey2);
  padding: 10px;
  color: var(--grey2);
  font-weight: bold;
}
.carousel-inner {
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.sticky {
  margin: 0;
  padding: 0;
  background-color: var(--lightgrey2);
}
.alignleft, img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  padding: 5px;
}
.alignright, img.alignright {
  display: inline;
  float: right;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  padding: 5px;
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px;
}
.comment-list .comment-content ul {
  list-style: none;
  margin-left: 15px;
}
.comment-list .comment-content ul li {
  margin: 5px;
}
.toggleMenu {
  display: none;
}
table, td, th {
  border: 1px solid var(--lightgrey2);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button, a.theme_button, a.theme_green_button, a.theme_white_button, .custom_cart a, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart{
  color: var(--white);
  border: none;
  text-transform: uppercase;
  padding: 16px 22px;
  border-radius: 4px;
  font: 700 14px var(--common-font-m);
}
a.theme_button, a.button, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--orange);
}
a.theme_green_button, .custom_cart a, .woocommerce a.added_to_cart {
  background-color: var(--green);
}
a.theme_white_button, .latest-box .latest-cart a {
  background-color: var(--white);
  color: var(--black2);
  border: 1px solid var(--black2);
  border-radius: 0;
}
a.theme_button:hover, .theme_button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background: var(--green);
  color: white;
}
a.theme_white_button:hover, .theme_white_button:hover, .latest-cart a:hover {
  color: var(--white);
  background: var(--orange);
}
a.theme_green_button:hover, .theme_green_button:hover, .woocommerce a.added_to_cart:hover {
  background: var(--orange);
}
/*------------------------- Headings --------------------------*/
section h2 {
  padding: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: var(--black2);
  padding: 0 0 10px;
  margin: 0;
}
section h3 {
  font-weight: 700;
  color: var(--black2);
  padding: 0;
}
section h4 {
  color: black;
  font-size: 20px;
  padding-top: 17px !important;
}
section h5 {
  color: var(--black2);
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}
.innerbox {
  background-size: 100% 100%;
}
.owl-dots {
  display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*---------------------Section Heading------------------------*/
.section-heading {
  text-align: center;
}
.section-heading p {
  max-width: 600px;
  width: 100%;
  margin: 15px auto 25px;
  line-height: 24px;
}
/*----------------- Section Title--------------*/
.section-title {
  border-bottom: solid 1px var(--lightgrey5);
  padding-bottom: 20px;
}
.section-title a i {
  padding-left: 10px;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background-color: var(--green);
  padding: 15px 22px;
  border: inherit;
  margin: 0 3px;
  color: var(--white);
}
.owl-nav {
  display: block;
  position: absolute;
  top: -78px;
  right: 0;
}
button.owl-next.disabled, button.owl-prev.disabled {
  background: var(--black2);
}
.owl-carousel button:focus {
  outline: inherit;
  outline: inherit;
}
/*-------------- Post Content ---------------*/
.collectionbox {
  text-align: center;
  overflow: hidden;
  position: relative;
}
.collectionbox:before, .collectionbox:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #f0684585;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: scaleX(0);
  transition: all 0.6s ease 0s;
}
.collectionbox:after {
  transform: scaleY(0);
}
.collectionbox:hover:before {
  transform: scaleX(1);
}
.collectionbox:hover:after {
  transform: scaleY(1);
}
.collectionbox img {
  width: 100%;
  height: auto;
  transition: all 0.5s ease 0s;
}
.collectionbox:hover img {
  transform: scale(1.3);
}
.collectionbox .collectionbox-content {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 0;
  z-index: 2;
}
.collectionbox .collectiontitle {
  font-size: 22px;
  font-weight: 600;
  color: white;
  margin: 0 0 10px 0;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.collectionbox:hover .collectiontitle,.collectionbox:hover .share_icon {
  opacity: 1;
}
.collectionbox .collectionicon {
  padding: 0;
  margin: 0;
  list-style: none;
  transform: scaleX(0);
  transition: all 0.6s ease 0s;
}
.collectionbox:hover .collectionicon {
  transform: scaleX(1);
}
.collectionbox .collectionicon li {
  display: inline-block;
}
.collectionbox .collectionicon li a {
  line-height: 40px;
  font-size: 16px;
  color: white;
  border: 2px solid var(--white);
  margin-right: 5px;
  transition: all 0.3s ease 0s;
  padding: 15px;
  background: white;
    color: var(--grey4);
}
.collectionbox .collectionicon li a:hover {
  background: white;
  color: var(--grey4);
}
.collectionbox-text {
  padding: 25px 15px;
  text-align: left;
}
.collectionbox-text h3 a {
  margin-bottom: 12px;
  padding-top: 0;
}
.post_date{
  z-index: 9;
  text-transform: uppercase;
}
.collectionbox-text .divider {
  margin: 6px 0;
  background: var(--orange);
  width: 2px;
  height: 22px;
  position: absolute;
  top: 6%;
  transform: translateY(-50%);
  left: -22px;
}
.collectionbox-text h3 a {
    color: var(--back2);
    padding-top: 20px;
    font: 700 16px var(--common-font-m);
    text-transform: uppercase;
    display: block;
}
.post_date {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--orange);
    padding: 14px;
    color: var(--white);
    font: 600 15px var(--common-font-m);
}
.collectionbox-text h3 {
    position: relative;
}
.content_page .collectionbox-text h3, .content_page .collectionbox-text h3 a {
  padding: 0;
}
.vw-fixed{
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
.vw-scroll{
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background:var(--green);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
}
#return-to-top i {
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 8px;
  color: white;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  top: 5px;
}
/* ----------- Spinner ------------- */
.eco-box{
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
  background-color: var(--green);
  width: 100%;
}
.eco-box .lds-ellipsis {
  display: inline-block;
  width: 80px;
  height: 80px;
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
  position: absolute;
}
.eco-box .lds-ellipsis div {
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  background-color: var(--white);
  position: absolute;
}
.eco-box .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.eco-box .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.eco-box .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.eco-box .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.not_sticky {
    position: unset !important;
}

@media screen and (min-width: 1600px) and (max-width: 2500px){
  #cart_animate
  {
    width: 17% !important;
  }
}
.star-rating {
    color: #feb42b;
    border-color: #feb42b;
    margin: 0 auto;
    overflow: hidden;
    height: 1em;
    line-height: 1;
    font-size: 15px;
    width: 17.4em;
    font-family: star;
    position: relative;
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 5px;
    padding-top: 1.5em;
    position: absolute;
    left: 0;
}
.star-rating:before{
  color: #feb42b;
  border-color: #feb42b;
  content: "\73\73\73\73\73";
  float: left;
  top: 0; 
  margin: 0 auto; 
}
.star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    left: 0;
    position: absolute;
    content: "\53\53\53\53\53";
    top: -6px;
    left: 1px;
    position: absolute;
    font-family: 'star';
    color: #feb42b;
    border-color: #feb42b;
}
.comment-value {
    text-align: start;
    color: black;
}

.faq-section .accordion-button:not(.collapsed)::after
{
  background-image: url("assets/images/plus.png") !important;
}
.faq-section .accordion-button::after
{
  background-image: url("assets/images/minus.png") !important;
}
.faq-section .accordion-button:not(.collapsed)
{
  background-color: #f06845 !important;
    box-shadow: unset !important;
    color: white;
}
.faq-section a.accordion-button {
    padding: 24px;
}
.faq-section .accordion-body
{
  margin-bottom: 25px !important;
  padding: 30px !important;
}
.faq-section .accordion-item
{
  border: unset !important;
}
.faq-section a.accordion-button.collapsed {
    margin-top: 25px;
    box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section .accordion-button:not(.collapsed)
{
  margin-top: 25px;
}
.faq-section a.accordion-button {
    font-size: 16px;
    padding: 24px;
    color: black;
    font-weight: 600;
    font-family: muli;
    letter-spacing: 1px;
}
@media screen and (max-width:2500px) and (min-width:1400px){
  .alert.alert-minimalist
  {
    height: 20% !important;
  }
}