.s300 {
  font-family: 'Signika', sans-serif;
  font-weight: 300;
  font-style: normal;
}
.s400{
  font-family: 'Signika', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.s500 {
  font-family: 'Signika', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.s600 {
  font-family: 'Signika', sans-serif;
  font-weight: 600;
  font-style: normal;
}
.s700 {
  font-family: 'Signika', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.l400{
  font-family: 'Lobster', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.s16 { font-size: 16px; }
.s18 { font-size: 18px; }
.s20 { font-size: 20px; }
.s22 { font-size: 22px; }
.s24 { font-size: 24px; }
.s26 { font-size: 26px; }
.s28 { font-size: 28px; }
.s32 { font-size: 32px; }
.s36 { font-size: 36px; line-height: 42px; }
@media (max-width: 575.98px) { 
  .s22 { font-size: 20px; }
  .s28 { font-size: 24px; }
  .s32 { font-size: 28px; }
  .s36 { font-size: 30px; line-height: 36px; }
}

/* * {
  border: 1px solid #f00 !important;
} */

/* solves problems on smaller devices */
html, body { overflow-x: hidden; }

.modal-dialog.custom-expand {
  max-width: 750px;
  margin: 1.75rem auto;
}

.fake_fluid {
  padding: 0px 15%;
}

.min-h-70 {
  min-height: 70vh;
}

.products {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.products__search_area , .products__grid_area {
  width: 100%;
}

.product__card {
  display: flex;
  flex-direction: column;
}

.product_card__add_to_cart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* jq smartwizard */

.sw-theme-progress>.nav .nav-link.active {
  color: #e63e31!important;
  font-weight: bold;
  cursor: pointer;
}

.sw-theme-progress>.nav .nav-link.active::after {
  background-color: #fff;
  width: 100%;
}

.sw-theme-progress>.nav .nav-link.done::after {
  background: #e63e31;
  width: 100%;
}

/* site and portal nav */

:root {
  --kna-red: #de3831;
  --site-nav-background: #f3f3f3;
  --site-nav-separator: #a9a9a9;
  --eshop-wishlist: #ffc43a;
  --eshop-wishlist-hover: #FFB60C;
  --eshop-tocart: #018f34;
  --eshop-tocart-light: #D9EEE1;
  --eshop-tocart-light-rgba: rgba(1,143,52,0.15);
  --eshop-tocart-hover: #017A2D;
  --eshop-footer: #686c6f;
  --eshop-grey: #c2c2c2;
  --eshop-blue: #e7f5f5;
  --eshop-customer: #009688;


  /* navbar */
  --responsive-nav-height: 60px;

  /* products */
  --eshop-product-books: #de3831;
  /* --eshop-product-books-light: #F5C3C2; */
  --eshop-share: #31b0d5;
  --eshop-product-books-light: rgba(222,56,49,0.15);
  --eshop-product-books-dark: #C72620;
  --eshop-product-liturgical-vestments: #FF8C00;
  --eshop-product-liturgical-vestments-light: rgba(255,140,0,0.15);
  --eshop-product-liturgical-vestments-dark: #FF7800;
  /* --eshop-product-monastery-products: #6666FF;
  --eshop-product-monastery-products-light: rgba(102,102,255,0.15);
  --eshop-product-monastery-products-dark: #3333FF; */
  --eshop-product-monastery-products: rgb(186,102,13);
  --eshop-product-monastery-products-light: rgba(186,102,13,0.15);
  --eshop-product-monastery-products-dark: #FF7800;
  --eshop-product-devotionals: #FFAD00;
  --eshop-product-devotionals-light: rgba(255,173,0,0.15);
  --eshop-product-devotionals-dark: #FFBA24;
  --eshop-product-mass-wine: #D32727;
  --eshop-product-mass-wine-light: rgba(211,39,39,0.15);
  --eshop-product-mass-wine-dark: #B52121;
  --eshop-product-kt-subscription: #003673;
  --eshop-product-kt-subscription-light: rgba(0,54,115,0.15);
  --eshop-product-kt-subscription-dark: #0051AD;

  --eshop-product-subscription: #003673;
  --eshop-product-subscription-light: rgba(0,54,115,0.15);
  --eshop-product-subscription-dark: #0051AD;
  --eshop-product-ebooks: #80c000;
  --eshop-product-ebooks-light: rgba(128, 192, 0, 0.15);
  --eshop-product-ebooks-dark: #649600;

  --resp-nav-bg-color:#E7E7E7;

  --row-items-xl: calc(100% / 6 - 8px);
  --row-items-lg: calc(100% / 5 - 8px);
  --row-items-md: calc(100% / 4 - 8px);
  --row-items-sm: calc(100% / 3 - 8px);
  --row-items-xs: calc(100% / 2 - 8px);



  --product-carousel-wrapper-xl: 1438px;
  --product-carousel-wrapper-lg: 100%;
  --product-carousel-wrapper-md: 100%;
  --product-carousel-wrapper-sm: 100%;
  --product-carousel-wrapper-xs: 100%;

  --section-separator-wrapper-xl: 1438px;
  --section-separator-wrapper-lg: 95%;
  --section-separator-wrapper-md: 95%;
  --section-separator-wrapper-sm: 95%;
  --section-separator-wrapper-xs: 95%;

  --section-separator-wrapped-xl: 1376px;
  --section-separator-wrapped-lg: 100%;
  --section-separator-wrapped-md: 100%;
  --section-separator-wrapped-sm: 100%;
  --section-separator-wrapped-xs: 100%;
}

body {
  font-family: 'Signika', sans-serif;
  font-weight: 400;
  font-style: normal;
}

body a {
  color: black;
}

body a:hover {
  color: black;
  text-decoration: none;
}

.color_white {
  color: #fff;
}
.color_black {
  color: #000;
}
.color_white:focus {
  color: #fff;
}
.color_black:focus {
  color: #000;
}
.color_white:hover {
  color: #fff;
}
.color_black:hover {
  color: #000;
}
.color-red {
  color:  #de3831;
}
.color-red:hover {
  color:  #de3831;
}
.color-green {
  color:  #018f34;
}
.color-yellow {
  color:  #FFB60C;
}
.katyd-red {
  color: #c4124c;
}
.katyd-blue {
  color: #003673;
}
.covid-warning {
  display: flex;
}
.color-dark-grey {
  color: #686c6f;
}

.covid-warning > div {
  border: 1px solid rgb(114, 28, 36);
  border-radius:50%;
  width:20px;
  height:20px;
  padding:11px;
  cursor: pointer;
}

.covid-warning > div:hover {
  background-color: rgb(114, 28, 36);
}
.covid-warning > div:hover > .close{
  color: rgb(248, 215, 218) !important;
  text-shadow: none;
}

.covid-warning > div > .close {
  color: rgb(114, 28, 36) !important;
  opacity:1 !important;
  background-color: none !important;
}
.covid-warning > div > .close:focus {
  outline: none;
}

.portal_nav {
  display: flex;
  height: 65px;
  border-bottom: 1px solid  #de3831;
}

.portal_nav .container {
  display: flex;
}

.portal_nav__server {
  height: 35px;
}

.portal_nav__server__kt {
  height: 25px;
}

.portal_nav ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.portal_nav ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: calc(100% / 6);
}

.portal_nav ul li a {
  color: black;
  font-weight: 600;
}

.portal_nav ul li a:hover {
  text-decoration: none;
}

.portal_nav ul li.active {
  background-color:  #f3f3f3;
  border-left: 1px solid  #de3831;
  border-right: 1px solid  #de3831;
  padding-bottom: 1px;
  margin-bottom: -1px;
}

.site_nav {
  background-color:  #f3f3f3;
  box-shadow: 0 5px 5px -5px #333;
}

.site_nav__img {
  margin-right: 12px;
  height: 25px;
}
.site_nav__img.knihy {
  width: 24px;
}
.site_nav__img.liturgicke-predmety {
  width: 17px;
}
.site_nav__img.klasterni-produkty {
  width: 25px;
}
.site_nav__img.devocionalie {
  width: 19px;
}
.site_nav__img.mesni-vina {
  width: 14px;
}
.site_nav__img.predplatne {
  width: 18px;
}
@media (max-width: 1125px) { 
  .site_nav__img {
    height:23px;
    margin-right: 6px;
  }
  .site_nav__img.knihy {
    width: 22px;
  }
  .site_nav__img.liturgicke-predmety {
    width: 16px;
  }
  .site_nav__img.klasterni-produkty {
    width: 23px;
  }
  .site_nav__img.devocionalie {
    width: 17px;
  }
  .site_nav__img.mesni-vina {
    width: 13px;
  }
  .site_nav__img.predplatne {
    width: 17px;
  }
}

.site_nav__container {
  display: flex;
  justify-content: space-between;
}

.site_nav__container__categories {
  display: flex;
  height: 45px;
  font-size: 18px;
}
@media (max-width: 1125px) {
  .site_nav__container__categories {
    font-size: 16px;
  }
}

.categories_separator {
  width: 1px;
  background-color:  #a9a9a9;
  height: 30px;
  margin: 0px 15px;
}
@media (max-width: 1125px) {
  .categories_separator {
    margin: 0px 10px;
  }
}

.site_nav__container__categories ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.site_nav__container__categories ul li {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.4s;
}

.site_nav__container__categories ul li::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -14px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 0%;
  background:  #de3831;
  transition: 0.4s;
  z-index: 10;
}
@media (max-width: 1125px) {
  .site_nav__container__categories ul li::after {
    bottom: -16px;
  }
}

.site_nav__container__categories ul li.categories_separator::after {
  content: '';
  height:0px;
  background: transparent;
}

.site_nav__container__categories ul li:hover::after {
  width: 100%;
}
.site_nav__container__categories ul li.categories_separator:hover::after {
  width: 0%;
  content: '';
  height:0px;
  background: transparent;
}

.site_nav__container__categories ul li.active::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -14px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 100%;
  background:  #de3831;
  z-index: 10;
}
@media (max-width: 1125px) {
  .site_nav__container__categories ul li.active::after {
    bottom: -16px;
  }
}

.site_nav__container__categories ul li a {
  color: black;
  display: flex;
  align-items: center;
}


.site_nav__container__categories ul li a:hover {
  text-decoration: none;
}

.site_nav__container__categories ul li a div {
  line-height: 18px;
}

.site_nav__container__login {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
@media (max-width: 1125px) {
  .site_nav__container__login {
    font-size: 16px;
  }
}

.site_nav__container__login a {
  position: relative;
}

.site_nav__container__login a::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -14px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 0%;
  background:  #de3831;
  transition: 0.4s;
  z-index: 10;
}

.site_nav__container__login a:hover::after {
  width: 100%;
}

/* eshop section  */

.eshop_header {
  display: flex;
  justify-content: space-between;
  padding: 40px 0px 30px;
}
@media (max-width: 991.98px) {
  .eshop_header.books, .eshop_header.liturgicalVestments, .eshop_header.monasteryProducts, .eshop_header.devotionals, .eshop_header.massWine {
    display: none !important;
  }
}

.eshop_header__brand_logo {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 400px;
  height: 82px;
}
@media (max-width: 1199.98px) { 
  .eshop_header__brand_logo {
    width: 350px;
  }
}
.eshop_header__brand_logo img {
  width: auto;
  max-width: 400px;
  height: 82px;
  max-height: 82px;
}
@media (max-width: 1199.98px) { 
  .eshop_header__brand_logo img {
    max-width: 350px;
  }
  /* .eshop_header__brand_logo img {
    width: 300px;
  } */
}

.eshop_header__search {
  display: flex;
  align-items: center;
}

.eshop_header__search__wrapper {
  display: flex;
  position: relative;
}

.search_icon {
  padding: 8px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top: 1px solid  #a9a9a9;
  border-bottom: 1px solid  #a9a9a9;
  border-left: 1px solid  #a9a9a9;
}

.search_icon img {
  height: 33px;
}

.search_input {
  border-top: 1px solid  #a9a9a9;
  border-bottom: 1px solid  #a9a9a9;
  border-left: none;
  border-right: none;
  font-size: 14px;
  width: 320px;
  transition: font-size 0.15s;
}
@media (max-width: 1199.98px) { 
  .search_input {
    width: 240px;
  }
}
@media (max-width: 1059.98px) { 
  .search_input {
    width: 220px;
  }
}
@media (max-width: 1024.98px) { 
  .search_input {
    width: 190px;
  }
}

.search_input:focus {
  font-size: 20px;
  outline: none;
}

.search_button {
  border: 1px solid  #de3831;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #fff;
  color:  #de3831;
  font-weight: 600;
  padding: 8px 16px;
  transition: all 0.1s ease;
}

.search_button:focus {
  outline: none;
}

.search_button:hover {
  color: #fff;
  background-color:  #de3831;
}

.search_button.liturgicalVestments { color:  #FF8C00 ; border: 1px solid  #FF8C00; }
.search_button.monasteryProducts { color:  rgb(186,102,13); border: 1px solid  rgb(186,102,13); }
.search_button.devotionals { color:  #FFAD00; border: 1px solid  #FFAD00; display: inline !important; opacity: 1; }
.search_button.massWine { color:  #D32727; border: 1px solid  #D32727; }
.search_button.subscription { color:  #003673; border: 1px solid  #003673; }
.search_button.ebooks { color:  #80c000; border: 1px solid  #80c000; }

.search_button.liturgicalVestments:hover { color: #fff; background-color:  #FF8C00; }
.search_button.monasteryProducts:hover { color: #fff; background-color:  rgb(186,102,13); }
.search_button.devotionals:hover { color: #000; background-color:  #FFAD00; }
.search_button.massWine:hover { color: #fff; background-color:  #D32727; }
.search_button.subscription:hover { color: #fff; background-color:  #003673; }
.search_button.ebooks:hover { color: #fff; background-color:  #80c000; }

.search_advanced {
  right: 0;
  bottom: -25px;
  position: absolute;
  font-size: 14px;
}

.search_advanced a {
  color:  #de3831;
}

.search_advanced a:hover {
  color:  #de3831;
  text-decoration: underline;
}

.eshop_header__cart {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.eshop_header__cart__img, .eshop_header__wishlist__img {
  height: 42px;
  width:48px;
  margin-right: 8px;
}
@media (max-width: 1199.98px) { 
  .eshop_header__cart__img, .eshop_header__wishlist__img {
    height: 32px;
    width:37px;
    margin-right: 8px;
  }
}

.eshop_header__cart a:hover {
  text-decoration: underline;
}

.eshop_header__cart a:nth-child(1), .eshop_header__cart a:nth-child(2) {
  margin-right: 15px;
}

.eshop_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.eshop_nav__left, .eshop_nav__right {
  font-size: 20px;
}
@media (max-width: 1232px) { 
  .eshop_nav__left, .eshop_nav__right {
    font-size: 18px;
  }
}

.eshop_nav__left ul, .eshop_nav__right ul {
  display: flex;
  align-items: center;
  align-content: center;
  list-style-type: none;
  margin:0;
  padding:0;
  padding: 8px 0px 0px 0px;
}

.eshop_nav__left ul.devotionals {
  opacity: 1;
}

.eshop_nav__left ul li {
  position: relative;
  margin-right: 50px;
}
@media (max-width: 1232px) { 
  .eshop_nav__left ul li {
    margin-right: 28px;
  }
}

.eshop_nav__right ul li {
  position: relative;
}

.eshop_nav__right ul li:nth-child(3) {
  margin-left: 25px;
}

.eshop_nav__left ul li::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -1px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 0%;
  background:  #de3831;
  transition: 0.4s;
}

.eshop_nav__right ul li::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -1px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 0%;
  background:  #686c6f;
  transition: 0.4s;
}

.eshop_nav__left ul li:hover::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -1px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 100%;
  background:  #de3831;
  transition: 0.4s;
}

.eshop_nav__right ul li:hover::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -1px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 100%;
  background:  #686c6f;
  transition: 0.4s;
}

.eshop_nav__left ul li.active::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -1px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 100%;
  background:  #de3831;
  transition: 0.4s;
}

.eshop_nav__right ul li.active::after {
  position: absolute;
  content: '';
  height: 4px;
  bottom: -1px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  width: 100%;
  background:  #686c6f;
  transition: 0.4s;
}

.eshop_nav__right ul li a {
  color:  #686c6f;
}

.eshop_nav__left__categories {
  position: relative;
}

.eshop_nav__left__categories a {
  display: flex;
  align-items: center;
}

.eshop_nav__left__categories a img {
  margin-left: 5px;
}

.eshop_nav__left__categories:hover > .eshop_nav__left__categories__content {
  display: flex;
  left:0px;
  top: 40px;
  opacity: 1;
  visibility: visible; 
  transition: opacity 0.2s ease-in-out;
}

.eshop_nav__left__categories__content {
  position: absolute;
  border: 1px solid  #de3831;
  flex-direction: column;
  background-color: #fff;
  z-index: 1;
  opacity: 0;
  visibility: hidden; 
  transition: opacity 0.2s ease-in-out;
}

.eshop_nav__left__categories__caret {
  height: 8px;
}

.eshop_nav__separator {
  width: 1px;
  background-color:  #a9a9a9;
  height: 25px;
  margin-right: 25px;
}

.eshop_nav__left ul.liturgicalVestments li::after {
  background:  #FF8C00;
}

.eshop_nav__left ul.liturgicalVestments li:hover::after {
  background:  #FF8C00;
}

.eshop_nav__left ul.liturgicalVestments li.active::after {
  background:  #FF8C00;
}

.eshop_nav__left ul.monasteryProducts li::after {
  background:  rgb(186,102,13);
}

.eshop_nav__left ul.monasteryProducts li:hover::after {
  background:  rgb(186,102,13);
}

.eshop_nav__left ul.monasteryProducts li.active::after {
  background:  rgb(186,102,13);
}

.eshop_nav__left ul.devotionals li::after {
  background:  #FFAD00;
}

.eshop_nav__left ul.devotionals li:hover::after {
  background:  #FFAD00;
}

.eshop_nav__left ul.devotionals li.active::after {
  background:  #FFAD00;
}

.eshop_nav__left ul.massWine li::after {
  background:  #D32727;
}

.eshop_nav__left ul.massWine li:hover::after {
  background:  #D32727;
}

.eshop_nav__left ul.massWine li.active::after {
  background:  #D32727;
}

.eshop_nav__left ul.subscription li::after {
  background:  #003673;
}

.eshop_nav__left ul.subscription li:hover::after {
  background:  #003673;
}

.eshop_nav__left ul.subscription li.active::after {
  background:  #003673;
}

.secondary-carousel-container {
  display: block;
}
/*@media (max-width: 991.98px) { 
  .secondary-carousel-container {
    display: none;
  }
}*/
.secondary-carousel-separator {
  display: none;
}
/*@media (max-width: 991.98px) { 
  .secondary-carousel-separator {
    display: block;
  }
}*/
.secondary-carousel__item {
  width:auto;
  max-height:300px;
}
@media (max-width: 1299.98px) { 
  .secondary-carousel__item {
    width:auto;
    max-height: calc(300px * 0.95);
  }
}
@media (max-width: 1229.98px) { 
  .secondary-carousel__item {
    width:auto;
    max-height: calc(300px * 0.90);
  }
}
@media (max-width: 1179.98px) { 
  .secondary-carousel__item {
    width:auto;
    max-height: calc(300px * 0.85);
  }
}
@media (max-width: 1109.98px) { 
  .secondary-carousel__item {
    width:auto;
    max-height: calc(300px * 0.80);
  }
}
@media (max-width: 1039.98px) { 
  .secondary-carousel__item {
    width:auto;
    max-height: calc(300px * 0.75);
  }
}

/* dots position */
.splide__pagination {
  bottom: -25px;
}

/* default look of dot */
.splide__pagination__page {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  margin: 3px;
  padding: 1px;
  border: 1px solid  #a9a9a9;
  opacity: 1;
}

/* look of active dot */
.splide__pagination__page.is-active {
  transform: scale(1);
}

.splide__pagination__page.is-active > .splide__pagination__page__inside {
  background-color:  #de3831;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.splide__pagination__page.is-active > .splide__pagination__page__inside.liturgicalVestments { background-color:  #FF8C00; }
.splide__pagination__page.is-active > .splide__pagination__page__inside.monasteryProducts { background-color:  rgb(186,102,13); }
.splide__pagination__page.is-active > .splide__pagination__page__inside.devotionals { background-color:  #FFAD00; }
.splide__pagination__page.is-active > .splide__pagination__page__inside.massWine { background-color:  #D32727; }

.splide__arrow { 
  opacity: 1;
}

/* .splide__track {
  padding-right: 50px !important;
} */

.__item__opacity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
}

.__item:focus, .__item__opacity:focus, .product_action:focus {
  outline: 0 !important;
}

.slick__product__carousel {
  justify-content: center;
}

.new_products, 
.kna_edition, 
.bestseller, 
.comming_soon, 
.composing, 
.sale, 
.books, 
.liturgical_vestments, 
.monastery_products, 
.devotionals, 
.mass_wine, 
.main_products, 
.common_products {
  display: flex !important;
  opacity: 0;
}

.new_products__item, .kna_edition__item, .bestseller__item, .comming_soon__item, .composing__item, .sale__item, .books__item, .liturgical_vestments__item, .monastery_products__item, .devotionals__item, .mass_wine__item, .main_products__item, .common_products__item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center;
  overflow: hidden;
  opacity:1;
}

.new_products__item:focus, .kna_edition__item:focus, .bestseller__item:focus, .comming_soon__item:focus, .composing__item:focus, .sale__item:focus, .books__item:focus, .liturgical_vestments__item:focus, .monastery_products__item:focus, .devotionals__item:focus, .mass_wine__item:focus, .main_products__item:focus, .common_products__item:focus {
  outline: 0 !important;
}

.new_products__item:hover .new_products__item__opacity, .kna_edition__item:hover .kna_edition__item__opacity, .bestseller__item:hover .bestseller__item__opacity, .comming_soon__item:hover .comming_soon__item__opacity, .composing__item:hover .composing__item__opacity, .sale__item:hover .sale__item__opacity, .books__item:hover .books__item__opacity, .liturgical_vestments__item:hover .liturgical_vestments__item__opacity, .monastery_products__item:hover .monastery_products__item__opacity, .devotionals__item:hover .devotionals__item__opacity, .mass_wine__item:hover .mass_wine__item__opacity, .main_products__item:hover .main_products__item__opacity, .common_products__item:hover .common_products__item__opacity {
  opacity: 0.7;
}

/* main carousel */
.slick-slide:focus {
  outline: 0;
}

.slick-dots{
  position: absolute;
  bottom: -36px;
  display: flex;
  justify-content: center;
  width: 100%;
  list-style: none;
  text-align: center;
  padding-left: 0px;
}

.slick-dots li:nth-child(1) {
  margin-left: 0px;
}

.slick-dots li {
  margin-left: 7px;
  border-radius: 50%;
  padding: 1px;
  border: 1px solid  #a9a9a9;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  padding: 5px;
  background-color: #fff;
  border: none;
  border-radius: 50%;
}

.slick-dots .slick-active button {
  background-color:  #de3831;
}

.slick-dots li button:focus {
  outline: 0;
}

.slick-track {
  display: flex !important;
  align-items: center;
}

.slick-list {
  width: 100%;
}

.product_detail__preview__nav .slick-slide {
  margin: 0;
}
.product_detail__preview__nav .slick-list {
  margin: 0;
}

.homepage_carousel_container-md .slick-slide {
  margin: 0;
}
.homepage_carousel_container-md .slick-list {
  margin: 0;
}

/* main carousel end  */

.product_image {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 260px;
  width: 220px;
  margin: 0 auto;
}

@media (max-width: 1199.98px) { 
  .product_image { /* 80% */
    height: calc(260px * 0.8);
    width: calc(220px * 0.8);
  }
}

@media (max-width: 991.98px) { 
  .product_image { /* 70% */
    height: calc(260px * 0.7);
    width: calc(220px * 0.7);
  }
}

@media (max-width: 767.98px) { 
  .product_image { /* 60% */
    height: calc(260px * 0.7);
    width: calc(220px * 0.7);
  }
}

@media (max-width: 575.98px) { 
  .product_image { /* 50% */
    height: calc(260px * 0.7);
    width: calc(220px * 0.7);
  }
}

.product_image img {
  max-height: 260px;
  max-width: 220px;
  margin: 0 auto;
}

@media (max-width: 1199.98px) { 
  .product_image img { /* 80% */
    max-height: calc(260px * 0.8);
    max-width: calc(220px * 0.8);
  }
}

@media (max-width: 991.98px) { 
  .product_image img { /* 70% */
    max-height: calc(260px * 0.7);
    max-width: calc(220px * 0.7);
  }
}

@media (max-width: 767.98px) { 
  .product_image img { /* 60% */
    max-height: calc(260px * 0.7);
    max-width: calc(220px * 0.7);
  }
}

@media (max-width: 575.98px) { 
  .product_image img { /* 50% */
    max-height: calc(260px * 0.7);
    max-width: calc(220px * 0.7);
  }
}

.slick__product__carousel > .slick-list {
  padding-top: 9px;
  min-height: 451px;
}
@media (max-width: 1199.98px) { 
  .slick__product__carousel > .slick-list {
    padding-top: 9px;
    min-height: 401px;
  }
}
@media (max-width: 991.98px) { 
  .slick__product__carousel > .slick-list {
    padding-top: 9px;
    min-height: 351px;
  }
}
@media (max-width: 767.98px) { 
  .slick__product__carousel > .slick-list {
    padding-top: 9px;
    min-height: 321px;
  }
}
@media (max-width: 575.98px) { 
  .slick__product__carousel > .slick-list {
    padding-top: 9px;
    min-height: 301px;
  }
}

.new_products__item:hover > .product_action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height:100%;
  width: inherit;
  border: 1px solid  #de3831;
  padding: 1px;
  height: 450px !important;
}
@media (max-width: 1199.98px) { 
  .new_products__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .new_products__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .new_products__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .new_products__item:hover > .product_action {
    height: 320px;
  }
}

.new_products__item:hover > .product_action .product_action__button_wrapper .product_action__button_wrapper__abs {
  bottom: 0px;
}

.kna_edition__item:hover > .product_action {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height:100%;
  width: inherit;
  border: 1px solid  #de3831;
  padding: 1px;
}
@media (max-width: 1199.98px) { 
  .kna_edition__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .kna_edition__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .kna_edition__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .kna_edition__item:hover > .product_action {
    height: 320px;
  }
}

.bestseller__item:hover > .product_action {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height:100%;
  width: inherit;
  border: 1px solid  #de3831;
  padding: 1px;
}
@media (max-width: 1199.98px) { 
  .bestseller__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .bestseller__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .bestseller__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .bestseller__item:hover > .product_action {
    height: 320px;
  }
}

.comming_soon__item:hover > .product_action {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height:100%;
  width: inherit;
  border: 1px solid  #de3831;
  padding: 1px;
}
@media (max-width: 1199.98px) { 
  .comming_soon__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .comming_soon__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .comming_soon__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .comming_soon__item:hover > .product_action {
    height: 320px;
  }
}

.composing__item:hover > .product_action {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height:100%;
  width: inherit;
  border: 1px solid  #de3831;
  padding: 1px;
}
@media (max-width: 1199.98px) { 
  .composing__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .composing__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .composing__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .composing__item:hover > .product_action {
    height: 320px;
  }
}

.sale__item:hover > .product_action {
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height:100%;
  width: inherit;
  border: 1px solid  #de3831;
  padding: 1px;
}
@media (max-width: 1199.98px) { 
  .sale__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .sale__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .sale__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .sale__item:hover > .product_action {
    height: 320px;
  }
}

.books__item:hover > .product_action {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height:100%; width: inherit; border: 1px solid  #de3831; padding: 1px; height: 450px;
}
@media (max-width: 1199.98px) { 
  .books__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .books__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .books__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .books__item:hover > .product_action {
    height: 320px;
  }
}

.liturgical_vestments__item:hover > .product_action {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height:100%; width: inherit; border: 1px solid  #FF8C00; padding: 1px; height: 450px;
}
@media (max-width: 1199.98px) { 
  .liturgical_vestments__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .liturgical_vestments__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .liturgical_vestments__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .liturgical_vestments__item:hover > .product_action {
    height: 320px;
  }
}

.monastery_products__item:hover > .product_action {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height:100%; width: inherit; border: 1px solid  rgb(186,102,13); padding: 1px; height: 450px;
}
@media (max-width: 1199.98px) { 
  .monastery_products__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .monastery_products__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .monastery_products__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .monastery_products__item:hover > .product_action {
    height: 320px;
  }
}

.devotionals__item:hover > .product_action {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height:100%; width: inherit; border: 1px solid  #FFAD00; padding: 1px; height: 450px;
}
@media (max-width: 1199.98px) { 
  .devotionals__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .devotionals__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .devotionals__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .devotionals__item:hover > .product_action {
    height: 320px;
  }
}

.mass_wine__item:hover > .product_action {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height:100%; width: inherit; border: 1px solid  #D32727; padding: 1px; height: 450px;
}
@media (max-width: 1199.98px) { 
  .mass_wine__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .mass_wine__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .mass_wine__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .mass_wine__item:hover > .product_action {
    height: 320px;
  }
}

.main_products__item:hover > .product_action {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height:100%; width: inherit; border: 1px solid  #D32727; padding: 1px; height: 450px;
}
@media (max-width: 1199.98px) { 
  .main_products__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .main_products__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .main_products__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .main_products__item:hover > .product_action {
    height: 320px;
  }
}

.common_products__item:hover > .product_action {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height:100%; width: inherit; border: 1px solid  #D32727; padding: 1px; height: 450px;
}
@media (max-width: 1199.98px) { 
  .common_products__item:hover > .product_action {
    height: 400px;
  }
}
@media (max-width: 991.98px) { 
  .common_products__item:hover > .product_action {
    height: 350px;
  }
}
@media (max-width: 767.98px) { 
  .common_products__item:hover > .product_action {
    height: 320px;
  }
}
@media (max-width: 575.98px) { 
  .common_products__item:hover > .product_action {
    height: 320px;
  }
}

.new_products__item.liturgicalVestments:hover > .product_action { border: 1px solid  #FF8C00; }
.bestseller__item.liturgicalVestments:hover > .product_action { border: 1px solid  #FF8C00; }
.sale__item.liturgicalVestments:hover > .product_action { border: 1px solid  #FF8C00; }
.main_products__item.liturgicalVestments:hover > .product_action { border: 1px solid  #FF8C00; }
.common_products__item.liturgicalVestments:hover > .product_action { border: 1px solid  #FF8C00; }

.new_products__item.monasteryProducts:hover > .product_action { border: 1px solid  rgb(186,102,13); }
.bestseller__item.monasteryProducts:hover > .product_action { border: 1px solid  rgb(186,102,13); }
.sale__item.monasteryProducts:hover > .product_action { border: 1px solid  rgb(186,102,13); }
.main_products__item.monasteryProducts:hover > .product_action { border: 1px solid  rgb(186,102,13); }
.common_products__item.monasteryProducts:hover > .product_action { border: 1px solid  rgb(186,102,13); }

.new_products__item.devotionals:hover > .product_action { border: 1px solid  #FFAD00; }
.bestseller__item.devotionals:hover > .product_action { border: 1px solid  #FFAD00; }
.sale__item.devotionals:hover > .product_action { border: 1px solid  #FFAD00; }
.main_products__item.devotionals:hover > .product_action { border: 1px solid  #FFAD00; }
.common_products__item.devotionals:hover > .product_action { border: 1px solid  #FFAD00; }

.new_products__item.massWine:hover > .product_action { border: 1px solid  #D32727; }
.bestseller__item.massWine:hover > .product_action { border: 1px solid  #D32727; }
.sale__item.massWine:hover > .product_action { border: 1px solid  #D32727; }
.main_products__item.massWine:hover > .product_action { border: 1px solid  #D32727; }
.common_products__item.massWine:hover > .product_action { border: 1px solid  #D32727; }

.product_name {
  /* max-width: 220px; */
  margin: 10px 0px 0px;
  font-size: 24px;
  line-height: 28px;
  height: 56px;
  padding: 0px 5px;
  text-align: center;
}

/* @media (max-width: 1199.98px) { 
  .product_name {
    margin: 10px 0px 0px;
    font-size: 22px;
    line-height: 26px;
    height: 52px;
  }
} */

@media (max-width: 991.98px) { 
  .product_name {
    margin: 10px 0px 0px;
    font-size: 22px;
    line-height: 26px;
    height: 52px;
  }
}

/* @media (max-width: 767.98px) { 
  .product_name {
    margin: 10px 0px 0px;
    font-size: 24px;
    line-height: 28px;
    height: 56px;
  }
} */

@media (max-width: 575.98px) { 
  .product_name {
    margin: 10px 0px 0px;
    font-size: 20px;
    line-height: 24px;
    height: 48px;
  }
}

.product_author {
  margin: 5px 0px 10px;
  font-size: 18px;
  color:  #a9a9a9;
  height: 56px;
}

@media (max-width: 991.98px) { 
  .product_author {
    font-size: 16px;
    height: 40px;
  }
}

.product_price {
  display: flex;
  align-items: center;
  padding: 0 5%;
}

@media (max-width: 991.98px) { 
  .product_price {
    padding: 0 15px;
  }
}

@media (max-width: 575.98px) { 
  .product_name {
    margin: 10px 0px 0px;
    font-size: 20px;
    line-height: 24px;
    height: 48px;
  }
}

.product_price__1_items, .product_price__2_items {
  justify-content: center;
}

.product_price__2_items div:nth-child(2){
  margin-left: 15px;
}

.product_price__3_items {
  justify-content: space-between;
}

.product_price__edition img {
  height: 22px;
}

.product_price__before {
  position: relative;
  font-size: 20px;
  color:  #a9a9a9;
}

@media (max-width: 991.98px) { 
  .product_price__before {
    font-size: 16px;
  }
}

.product_price__before::after {
  position: absolute;
  content: '';
  height: 1px;
  bottom: 52%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 110%;
  background:  #de3831
}

@media (max-width: 991.98px) { 
  .product_price__before::after {
    bottom: 48%;
  }
}

.product_price__before__currency {
  font-size: 16px;
}

@media (max-width: 991.98px) { 
  .product_price__before__currency {
    font-size: 14px;
  }  
}

.product_price__after {
  color:  #de3831;
  font-size: 24px;
}

@media (max-width: 991.98px) { 
  .product_price__after {
    font-size: 22px;
  }
}

@media (max-width: 575.98px) { 
  .product_price__after {
    font-size: 20px;
  }
}

.product_price__after__currency {
  color: #000;
  font-size: 20px;
}

@media (max-width: 991.98px) { 
  .product_price__after__currency {
    font-size: 16px;
  }  
}

.product_action {
  display: none;
  position: absolute;
  font-size: 20px;
  cursor: pointer;
  overflow: hidden;
}

@media (max-width: 575.98px) { 
  .product_action {
    font-size: 16px;
  }
}

.product_action__action_buttons {
  width:100%;
  position:absolute;
  padding: 0px 1px 1px 1px; 
  bottom: -150px;
}

.product_action__button_wrapper {
  position: relative;
  width: inherit; 
  padding: 0px 2px 0px 2px; 
}

.product_action__separator {
  width: 100%;
  height: 2px;
  background-color: #fff;
  /* border-left: 1px solid  #de3831; */
  /* border-right: 1px solid  #de3831; */
}

.product_action button, .product_action a {
  height: 44px !important;
}

.product_action button:focus, .product_action a:focus {
  outline: none;
}

.product_action__add_to_cart, .product_action__download-free {
  width: 100%;
  color: #fff;
  background-color:  #018f34 !important;
  border: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  text-decoration: none !important;
  transition: all 0.15s ease;
}
.product_action__add_to_cart.weekly_flyer {
  background-color: #344ad4 !important;
}

.product_action__add_to_cart:hover, .product_action__download-free:hover {
  background-color:  #017A2D !important;
}
.product_action__add_to_cart.weekly_flyer:hover {
  background-color: #001dd8 !important;
}

.product_action__add_to_cart img {
  height: 26px !important;
  width: auto;
  margin-right: 6px !important;
}

.product_action__add_to_wishlist, .product_action__personal, .product_action__visit-detail {
  width: 100%;
  color: #000 !important;
  background-color:  #ffc43a !important;
  border: none !important;
  text-decoration: none !important;
  transition: all 0.15s ease;
}

.product_action__add_to_wishlist:hover, .product_action__personal:hover, .product_action__visit-detail:hover {
  background-color:  #FFB60C !important;
}

.slick__custom_arrow {
  display: flex;
  align-items: flex-start;
  margin-top: 7%;
  cursor: pointer;
  z-index:10;
}
@media (max-width: 575.98px) { 
  .slick__custom_arrow {
    display: flex;
    align-items: flex-start;
    margin-top: 7%;
    cursor: pointer;
    position: absolute;
  }
}


.slick__custom_arrow__md {
  display: flex;
  align-items: flex-start;
  margin-top: 10%;
  cursor: pointer;
}

.slick__custom_arrow__sm {
  display: flex;
  align-items: flex-start;
  margin-top: 6%;
  cursor: pointer;
}

.slick__custom_arrow_left {
  margin-right: -1px;
}
@media (max-width: 575.98px) { 
  .slick__custom_arrow_left {
    left:0px;
  }
}

.slick__custom_arrow_right {
  margin-left: 1px;
}
@media (max-width: 575.98px) { 
  .slick__custom_arrow_right {
    right:0px;
  }
}

.slick__custom_arrow_left__sm {
  margin-right: -1px;
  margin-left: -16px;
  padding-right: 12px;
}

.slick__custom_arrow_right__sm {
  margin-left: 1px;
  margin-right: -15px;
  padding-left: 4px;
}

.slick__custom_arrow_left img, .slick__custom_arrow_right img {
  height: 75px;
  width: 35px;
}

.slick__custom_arrow_left__sm img, .slick__custom_arrow_right__sm img {
  height: 65px;
  width: 35px;
}

.section_href {
  display:flex;
  align-items:center;
  margin-bottom:10px;
}

.section_header {
  font-size: 36px;
  margin-bottom: 0px;
}
.section_header.weekly_flyer {
  color: #344ad4;
}
.section_header.ebooks {
  color: #80c000;
}

@media (max-width: 575.98px) { 
  .section_header {
    font-size: 28px;
  }
}

.section_header img {
  height: 42px;
  margin-right: 8px;
}

.section_href img {
  height: 42px;
  margin-right: 8px;
}

.section_separator_wrapper {
  width:  1438px;
  display:flex;
  justify-content:center;
  align-items: center;
  flex-direction: column;
  margin:0 auto;
}
@media (max-width: 1480.98px) { 
  .section_separator_wrapper {
    width: 95%;
  }
}

.section_separator {
  width: 100%;
  height: 1px;
  background-color:  #c2c2c2;
  margin: 25px 0px 20px;
}

.section_separator.wrapped, .weekly_flyer-gradient-from-bottom-to-top, .weekly_flyer-gradient-from-top-to-bottom {
  width:  1376px;
}

.sm_carousel_margin {
  margin: 3rem 0rem;
}

.footer_container {
  background-color:  #686c6f;
  font-size: 18px;
}

.footer_container a:hover {
  text-decoration: underline;
}

.footer_vertical {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 575.98px) { 
  .footer_vertical {
    display: none;
  }
}
.footer_vertical-xs {
  display:none;
}
@media (max-width: 575.98px) { 
  .footer_vertical-xs {
    display: block;
  }
}

.footer_vertical a:nth-child(2) {
  margin: 0px 8px;
}

.footer_header {
  color: #fff;
  display: flex;
  margin: 0px 0px 4px 0px;
  height: 30px;
}

.footer_link {
  display: block;
  color: #fff;
  padding: 2px 0px;
}

.footer_link:hover {
  color: #fff;
}

.footer_logo {
  margin: 15px 0px 10px;
  height: 60px;
}
@media (max-width: 575.98px) { 
  .footer_logo {
    margin: 15px 0px 10px;
    height: 40px;
  }
}

.footer_social_logo {
  height: 36px;
}

.small_carousel_container {
  margin: 15px 0px 0px 0px;
}

.blog__item {
  display: flex;
}

.blog__item:nth-child(2) { 
  margin: 5px 0px;
  padding: 5px 0px;
  border-top: 1px solid  #a9a9a9;
  border-bottom: 1px solid  #a9a9a9;
}

.blog__item__image {
  display: flex;
  padding: 0px 80px;
}

.content__name_author {
  display: flex;
}

.content__badge_time {
  display: flex;
  align-items: center;
}

.content__badge_time .badge {
  text-transform: uppercase;
  background-color:  #ffc43a;
  border-radius: 0px;
  padding: 8px 5px;
  margin-right: 15px;
}

.content__badge_time .time {
  display: flex;
  align-items: center;
}

.category_column {
  color:  #686c6f;
  display: flex;
  font-size: 20px;
}

.category_column:hover {
  color:  #686c6f;
  text-decoration: underline;
}

@media (max-width: 575.98px) { 
  .category_column {
    font-size: 16px;
  }
}

.category_container {
  padding: 10px 0px 5px;
}

.category_container__columns {
  -moz-column-count: 4;
       column-count: 4; 
  -moz-column-gap: 0px; 
       column-gap: 0px;
  /* column-width: calc(100% / 4); */
}

.category_container__columns.liturgicalVestments { -moz-column-count: 2; column-count: 2; width: 50%; }
.category_container__columns.monasteryProducts { -moz-column-count: 3; column-count: 3; width: 75%; }
.category_container__columns.devotionals { -moz-column-count: 2; column-count: 2; width: 50%; display: block !important; opacity: 1; }
.category_container__columns.massWine { -moz-column-count: 2; column-count: 2; width: 50%; }

/* responsive navbar */
.responsive_nav {
  width: 100%;
  height:  60px;
  display: none;
  justify-content: space-between;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1030; /* like bs fixed-top class */
}
.responsive_nav.expand {
  display: flex !important;
}

.responsive_nav__left, .responsive_nav__right {
  display: flex;
  align-items: center;
  position: relative;
}

.carousel {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.responsive_nav__left input {
  height: 50px;
  width: 0px;
  position: absolute;
  left: 53px;
  top: 5px;
  border:0px;
  border-radius:5px;
  display:none;
  padding-left: 10px;
}
.responsive_nav__left input:focus {
  outline: 0;
}

.nav__left__indicator {
  padding: 0px 15px 0px 8px;
  display: flex;
}

@media (max-width: 374.98px) { 
  .nav__left__indicator {
    padding: 0px 10px 0px 8px;
  }
}

.nav__left__indicator img {
  height: 28px;
}

.nav__left__brand_logo img {
  width: 160px;
  height: auto;
}
@media (max-width: 575.98px) { 
  .nav__left__brand_logo img {
    width: 140px;
    height: auto;
  }
}

.nav__left__brand_logo img:nth-child(2) {
  display: none;
}

@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) { 

}
@media (max-width: 575.98px) { 

}

.responsive_nav__right {
  padding: 0px 15px 0px 0px;
}

.nav__right__search img {
  padding: 0px 15px 0px 0px;
  height: 40px;
}

.nav__right__cart {
  position: relative;
}

.nav__right__cart img {
  height: 40px;
}

.cart__items {
  width: 25px;
  height: 25px;
  border: 1px solid  #de3831;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  bottom: -9px;
  right: -6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.responsive_nav_sidebar {
  position: absolute;
  background-color: #E7E7E7;
  width: 85%;
  height: 100vh;
  top:  60px;
  left: -90%;
  overflow-y: scroll;
  color: #fff;
  display: none;
  box-shadow: 5px 0 5px -5px #333;
}

.sidebar__tabs {
  width: 100%;
  display: flex;
  border-bottom: 1px solid  #a9a9a9;
  margin: 8px 0px 0px;
  padding:0px 5px;
  align-items: flex-end;
}

.sidebar__tabs div:nth-child(1) {
  display: flex;
  border-left: 1px solid  #a9a9a9;
  border-top: 1px solid  #a9a9a9;
}

.sidebar__tabs div {
  display: flex;
  border-right: 1px solid  #a9a9a9;
  border-top: 1px solid  #a9a9a9;
  color: #000;
}

.sidebar__tab {
  display: flex;
  align-items: center;
  padding: 12px 10px;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  width: calc(100% / 3);
  justify-content: center;
  background-color: #fff;
}

@media (max-width: 575.98px) { 
  .sidebar__tab {
    font-size: 16px;
  }
}

.sidebar__tab.active:nth-child(1) {
  margin-bottom: -1px;
  margin-left: -1px;
}

.sidebar__tab.active {
  border-bottom: 1px solid var(--nav-books-red);
  border-left: 1px solid  #a9a9a9;
  margin-bottom: -1px;
  margin-left: -1px;

}

.sidebar_tab_content {
  display: none;
  background-color: #fff;
  color: #000;
}

.tabs__main_tab__content ul, .tabs__products__content ul, .tabs__portal__content ul {
  list-style: none;
  padding: 10px 0px 10px 25px;
  margin: 0px;
  font-size: 1.1rem;
  width: 100%;
}

.tabs__main_tab__content ul li {
  line-height: 2.2rem;
  display: flex;
  align-items: left;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 575.98px) { 
  .tabs__main_tab__content ul li {
    line-height: 1.8rem;
  }
}

.tabs__main_tab__content ul li a img {
  margin-left: 5px;
  height: 8px;
}

.tabs__products__content ul li {
  line-height: 2.2rem;
  display: flex;
  align-items: center;
  margin: 0px 0px 10px 0px;
  opacity: 1 !important;
}

.tabs__products__content ul li.active.nav-books a { color:  #de3831 !important }
.tabs__products__content ul li.active.nav-liturgicalVestments a { color:  #FF8C00 !important }
.tabs__products__content ul li.active.nav-monasteryProducts a { color:  rgb(186,102,13) !important }
.tabs__products__content ul li.active.nav-devotionals a { color:  #FFAD00 !important }
.tabs__products__content ul li.active.nav-massWine a { color:  #D32727 !important }

.tabs__portal__content ul li {
  width: 100%;
  line-height: 2.2rem;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  margin: 0px 0px 20px 0px;
}

.tabs__portal__content ul li:last-of-type {
  margin: 0px 0px 5px 0px;
}

.sidebar__util ul {
  padding: 10px 0px 0px 25px;
  list-style: none;
  margin: 0px 0px 70px 0px;
  overflow-y: scroll;
}

.sidebar__util ul li{
  font-size: 1.1rem;
  line-height: 2rem;
  margin: 0px 0px 10px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar__util ul li a, .tabs__products__content ul li a {
  display: flex;
  align-items: center;
}

.sidebar__util ul li a div, .tabs__products__content ul li a div {
  display: flex;
  align-items: center;
  width: 42px;
}

.sidebar__util ul li a div img {
  width: 30px;
}

.sidebar__util ul li:last-of-type a div img {
  width: 30px;
  height: 26px;
}

.sidebar__util__cart_count, .sidebar__util__wishlist_count {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 20px 0px 0px;
  color: black;
}

.tabs__products__content ul li a div img {
  width: 30px;
  height: 28px;
}

#collapseResponsiveCategories, #collapseResponsiveEditions {
  padding: 0px 0px 0px 15px;
}

.tabs__main_tab__content .row {
  padding: 0px 15px 0px 0px;
}

.tabs__main_tab__content .row ul {
  margin: 0px;
  padding: 0px;
}


/* active classes for products */
.color_books {
  color:  #de3831;
}
.color_liturgical_vestments {
  color:  #FF8C00;
} 
.color_monastery_products {
  color:  rgb(186,102,13);
}
.color_devotionals {
  color:  #FFAD00;
}
.color_mass_wine {
  color:  #D32727;
}
.color_kt_subscription {
  color:  #003673;
}
/* active classes for products */
.bg_books, .bg_home {
  background-color:  #de3831;
}
.bg_liturgical_vestments, .bg_liturgicalVestments {
  background-color:  #FF8C00;
} 
.bg_monastery_products, .bg_monasteryProducts {
  background-color:  rgb(186,102,13);
}
.bg_devotionals {
  background-color:  #FFAD00;
}
.bg_mass_wine, .bg_massWine  {
  background-color:  #D32727;
}
.bg_kt_subscription {
  background-color:  #003673;
}
.bg_cart {
  background-color:  #018f34;
}
/* classes for product borders */
.border_books {
  border: 1px solid  #de3831;
}
.border_liturgicalVestments {
  border: 1px solid  #FF8C00;
} 
.border_monasteryProducts {
  border: 1px solid  rgb(186,102,13);
}
.border_devotionals {
  border: 1px solid  #FFAD00;
}
.border_massWine {
  border: 1px solid  #D32727;
}
.border_kt_subscription {
  border: 1px solid  #003673;
}

/* classes for navbar background */
.navbar_bg_books {
  background-color: var(--nav-color-books);
}
.navbar_bg_liturgicalVestments {
  background-color: var(--nav-color-liturgical-vestments);
} 
.navbar_bg_monasteryProducts {
  background-color: var(--nav-color-monastery-products);
}
.navbar_bg_devotionals {
  background-color: var(--nav-color-devotionals);
}
.navbar_bg_massWine  {
  background-color: var(--nav-color-mass-wine);
}
.navbar_bg_kt_subscription {
  background-color: var(--nav-color-kt-subscription);
}


/* tab colors for producst */
.bg_tab_books {
  background-color:  rgba(222,56,49,0.15);
}
.bg_tab_books.active {
  color: #fff;
  background-color:  #de3831;
}
.color_tab_secondary_books.active {
  color:  #de3831;
}

.bg_tab_liturgicalVestments {
  background-color:  rgba(255,140,0,0.15);
}
.bg_tab_liturgicalVestments.active {
  color: #fff;
  background-color:  #FF8C00;
}
.color_tab_secondary_liturgicalVestments.active {
  color:  #FF8C00;
}

.bg_tab_monasteryProducts {
  background-color:  rgba(186,102,13,0.15);
}
.bg_tab_monasteryProducts.active {
  color: #fff;
  background-color:  rgb(186,102,13);
}
.color_tab_secondary_monasteryProducts.active {
  color:  rgb(186,102,13);
}

.bg_tab_devotionals {
  background-color:  rgba(255,173,0,0.15);
}
.bg_tab_devotionals.active {
  color: #fff;
  background-color:  #FFAD00;
}
.color_tab_secondary_devotionals.active {
  color:  #FFAD00;
}

.bg_tab_massWine {
  background-color:  rgba(211,39,39,0.15);
}
.bg_tab_massWine.active {
  color: #fff;
  background-color:  #D32727;
}
.color_tab_secondary_massWine.active {
  color:  #D32727;
}

.bg_tab_kt_subscription {
  background-color:  rgba(0,54,115,0.15);
}
.bg_tab_kt_subscription.active {
  color: #fff;
  background-color:  #003673;
}
.color_tab_secondary_kt_subscription.active {
  color:  #003673;
}


.portal_nav__server__cp {
  width: auto;
  height: 38px;
}
@media (max-width: 1199px) {
  .portal_nav__server__cp {
      height: 33px;
  }
}

/* media template */

/* lg */
@media (max-width: 1199.98px) {
  .responsive_nav {
    display: flex;
  }
}

/* md */
@media (max-width: 991.98px) {
  body {
    margin-top:  60px;
  }
  /* responsive navbar */
  .portal_nav {
    display: none;
  }
  .site_nav {
    display: none;
  }
  .eshop_header {
    display: none;
  }
  .eshop_nav {
    display: none;
  }
  .eshop_nav.account {
    display: flex;
  }
  .responsive_nav_sidebar {
    display: block;
  }



  .container {
    width: 100%;
    max-width: 100%;
    padding: 0px 15px;
  }
  .slick__custom_arrow {
    margin-top: 12%;
  }
}

/* sm */
@media (max-width: 767.98px) { 

}

/* xs */
@media (max-width: 575.98px) { 
  .eshop_nav.account .eshop_nav__right{
    display:none;
  }
}


/* home page */
.homepage_carousel_container-xl {
  display: block;
}
.homepage_carousel_container-md {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (max-width: 991.98px) { 
  .homepage_carousel_container-xl {
    display: none;
  }
  .homepage_carousel_container-md {
    display: block;
    max-height: 500px;
    width: 100%;
    margin-bottom: 30px;
  }
}
.titles_inside_wrapper {
  height:100%;
  max-width:48%;
  right:30px;
  top:0px;
  padding:40px 0px;
  justify-content: space-between;
}
@media (max-width: 840.98px) { 
  .titles_inside_wrapper { 
    padding: 15px 0px;
  }
}
/* @media (max-width: 767.98px) { 
  .titles_inside_wrapper {
    justify-content: flex-end;
  }
} */
.homepage_carousel_container-md .titles_sm {
  padding-top: 10px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.65);
  color: white;
  width: 100%;
  text-align: center;
}
.homepage_carousel_container-md .titles_sm h2 {
  font-size: 28px;
}

@media (max-width: 767.98px) { 
  .homepage_carousel_container-md .titles_sm p {
    display:none;
  }
}

@media (min-width: 767.98px) { 
  .homepage_carousel_container-md .titles_sm {
    display: flex;
    width: 50%;
    position: absolute;
    right: 30px;
    background-color: transparent;
    text-align: right;
  }

  .homepage_carousel_container-md .titles_sm h2 {
    margin-top: 15px;
    font-size: 36px;
  }
}

.homepage_carousel {
  padding: 15px 0px; 
  display: flex;
  width: 100%;
}

.homepage_carousel__left {
  display: flex;
  flex-direction: column;
  align-content: right;
  width: 265px;
}

.homepage_carousel__right {
  display: flex;
  width: 1065px;
}

.carousel__product_type:first-of-type {
  border-top: 1px solid  #a9a9a9;
  border-left: 1px solid  #a9a9a9;
  border-bottom: 1px solid  #a9a9a9;
}

.carousel__product_type {
  padding: 11px 0px 11px 26px;
  border: 1px solid  #a9a9a9;
  margin-top: -1px;
  font-size: 1.1rem;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  width: 98%;
  margin-left: 3%;
}
@media (max-width: 1199.98px) {
  .carousel__product_type {
    padding: 11px 0px 11px 18px;
  }
}


.carousel__product_type.active {
  width: 100%;
  margin-left: 0px;
  z-index: 1;
}

.homepage_carousel__right {
  height: 350px;
  margin-left: -1px;
  margin-top: -1px;
  z-index: 2;
  background-color: #fff;
}

.homepage_product_carousel {
  width: 100%;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: none;
}

.homepage_product_carousel.active {
  display: flex;
}

.homepage_carousel_item {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: block;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.homepage_carousel_item:focus {
  outline: none;
}

.homepage_carousel_item img {
  width: 100%;
  height: inherit;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.homepage_carousel_item__content {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #fff;
}

.switch_product_books.active {
  background-color:  rgba(222,56,49,0.15);
  border: 1px solid  #de3831;
  position: relative;
}

.homepage_carousel_item__background {
  width: 100%;
  height: 100%;
  /* background-image: url('../../img/eshop/components/homepage_carousel/hp-knihy.jpg'); */
  transition: all .25s;
  background-position: left center;
}

.homepage_carousel_item:hover .homepage_carousel_item__background,
.homepage_carousel_item:focus .homepage_carousel_item__background {
  transform: scale(1.02);
}

.switch_product_liturgical_vestments.active {
  background-color:  rgba(255,140,0,0.15);
  border: 1px solid  #FF8C00;
}
.switch_product_monastery_products.active {
  background-color:  rgba(186,102,13,0.15);
  border: 1px solid  rgb(186,102,13);
}
.switch_product_devotionals.active {
  background-color:  rgba(255,173,0,0.15);
  border: 1px solid  #FFAD00;
}
.switch_product_mass_wine.active {
  background-color:  rgba(211,39,39,0.15);
  border: 1px solid  #D32727;
}
.switch_product_kt_subscription.active {
  background-color:  rgba(0,54,115,0.15);
  border: 1px solid  #003673;
}
.switch_product_weekly_flyer.active {
  background-color:  rgba(52, 74, 212,0.15);
  border: 1px solid  #344ad4;
}


.homepage_product_carousel__content {
  position: absolute;
  top: 0px;
  right: 30px;
  display: flex;
  flex-direction: column;
  text-align: right;
  justify-content: space-between;
  height: 100%;
  color: #fff;
  padding: 40px 0px 40px 0px;
  align-items: flex-end;
  max-width: 50%;
}

.product_carousel_wrapper {
  width:  1438px;
  margin: 0 auto;
}

@media (max-width: 1437.98px) { 
  .product_carousel_wrapper {
    width:  100%;
  }
}
@media (max-width: 1199.98px) { 
  .product_carousel_wrapper {
    width:  100%;
  }
}

@media (max-width: 991.98px) { 
  .product_carousel_wrapper {
    width:  100%;
  }
}

@media (max-width: 767.98px) { 
  .product_carousel_wrapper {
    width:  100%;
  }
}

@media (max-width: 575.98px) { 
  .product_carousel_wrapper {
    width:  100%;
  }
}

.carousel__content__header h2 {
  font-size: 50px;
}

.carousel__content__header p {
  font-size: 26px;
}

.carousel__content__button {
  color: #fff;
  padding: 8px 12px;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
  transition: all 0.15s ease;
}



.carousel__content__button.bg_books:hover {
  background-color:  #C72620;
}
.carousel__content__button.bg_liturgical_vestments:hover {
  background-color:  #FF7800;
}
.carousel__content__button.bg_monastery_products:hover {
  background-color:  #FF7800;
}
.carousel__content__button.bg_devotionals:hover {
  color: #000;
  background-color:  #FFBA24;
}
.carousel__content__button.bg_mass_wine:hover {
  background-color:  #B52121;
}
.carousel__content__button.bg_kt_subscription:hover {
  background-color:  #0051AD;
}

.carousel__content__button.bg_devotionals {
  color: #000;
}

.carousel__content__button.bg_weekly_flyer {
  background-color: #344ad4;
}
.carousel__content__button.bg_weekly_flyer:hover {
  background-color: #001dd8;
}

.carousel__content__button:hover {
  color: #fff;
}

.ui-helper-hidden-accessible {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-menu {
  background-color: #fff;
  margin: 0px;
  padding: 1px 0px 0px;
  border-left: 1px solid  #a9a9a9;
  border-right: 1px solid  #a9a9a9;
  border-bottom: 1px solid  #a9a9a9;
  font-size: 20px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  z-index: 9999;
  list-style-type: none;
}
@media (min-width: 991.98px) {
  .ui-menu { 
    z-index: 1040;
  }
}


.ui-menu-item {
  padding: 0px 0px;
}

.ui-menu li.ui__header:nth-child(1) {
  border-bottom: none;
}
.ui-menu li.ui__header:nth-child(2) {
  border-top: 1px solid  #a9a9a9;
}
.ui-menu li.ui__header:nth-child(3) {
  border-top: 1px solid  #a9a9a9;
}

.articles_ui, .authors_ui , .categories_ui {
  /* padding-left: 8px; */
}

.articles_ui__header, .authors_ui__header , .categories_ui__header {
  padding: 8px 8px 0px;
}

.ui__header { color:  #de3831; }
.ui__header.liturgicalVestments { color:  #FF8C00; }
.ui__header.monasteryProducts { color:  rgb(186,102,13); }
.ui__header.devotionals { color:  #FFAD00; opacity: 1; }
.ui__header.massWine { color:  #D32727; }
.ui__header.subscription { color:  #003673; }
.ui__header.ebooks { color: #80c000; }

.ui_item {
  display: flex;
  align-items: center;
  transition: all 0.1s ease;
  padding: 0px 8px;
  cursor: pointer;
}

.ui_item_empty_result {
  justify-content: center;
  margin-top: 8px;
}

.ui_item.devotionals { opacity: 1; }

.ui_item:nth-last-child(1) {
  margin-bottom: 8px;
}

.ui_item a {
  display: flex;
  align-items: center;
  color: #000 !important;
  transition: all 0.1s ease;
}

.ui_item:hover {
  background-color:  #de3831;
}

.ui_item_empty_result:hover {
  background-color: transparent;
}

.ui_item.liturgicalVestments:hover { background-color:  #FF8C00; }
.ui_item.monasteryProducts:hover { background-color:  rgb(186,102,13); }
.ui_item.devotionals:hover { background-color:  #FFAD00; }
.ui_item.massWine:hover { background-color:  #D32727; }
.ui_item.subscription:hover { background-color:  #003673; }
.ui_item.ebooks:hover { background-color: #80c000; }

.ui_item:hover a {
  color: #fff !important;
}
.ui_item.devotionals:hover a {
  color: #000 !important;
}

.ui_item a div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 60px;
  margin-right: 3px;
}

.ui_item a div img {
  max-width: 40px;
  max-height: 60px;
}

.splide__slide {
  cursor: pointer;
}

/* burger minified  */
.hamburger{display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}.hamburger-box{width:36px;height:28px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:36px;height:.28rem;background-color:#fff;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:12px;transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:24px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}


.spinner__container {
  background: rgba(0, 0, 0, 0.3);
  display: none;
  position: absolute;
  left:0px;
  top:0px;
  align-items: center;
  justify-content: center;
  z-index: 666;
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  } 35% {
    transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  } 35% {
    transform: scale3D(0, 0, 1);
  } 
}


/* autocomplete spinner */
.lds-spinner__wrapper {
  position: absolute;
  padding: 8px 0px;
  display: none;
}
@-webkit-keyframes lds {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
@keyframes lds {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.lds div {
  left: 47px;
  top: 0.5px;
  position: absolute;
  -webkit-animation: lds linear 1s infinite;
          animation: lds linear 1s infinite;
  background-color:  #de3831;
  width: 6px;
  height: 25px;
  border-radius: 3px / 5px;
  transform-origin: 3px 49.5px;
}.lds div:nth-child(1) {
  transform: rotate(0deg);
  -webkit-animation-delay: -0.9166666666666666s;
          animation-delay: -0.9166666666666666s;
}.lds div:nth-child(2) {
  transform: rotate(30deg);
  -webkit-animation-delay: -0.8333333333333334s;
          animation-delay: -0.8333333333333334s;
}.lds div:nth-child(3) {
  transform: rotate(60deg);
  -webkit-animation-delay: -0.75s;
          animation-delay: -0.75s;
}.lds div:nth-child(4) {
  transform: rotate(90deg);
  -webkit-animation-delay: -0.6666666666666666s;
          animation-delay: -0.6666666666666666s;
}.lds div:nth-child(5) {
  transform: rotate(120deg);
  -webkit-animation-delay: -0.5833333333333334s;
          animation-delay: -0.5833333333333334s;
}.lds div:nth-child(6) {
  transform: rotate(150deg);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}.lds div:nth-child(7) {
  transform: rotate(180deg);
  -webkit-animation-delay: -0.4166666666666667s;
          animation-delay: -0.4166666666666667s;
}.lds div:nth-child(8) {
  transform: rotate(210deg);
  -webkit-animation-delay: -0.3333333333333333s;
          animation-delay: -0.3333333333333333s;
}.lds div:nth-child(9) {
  transform: rotate(240deg);
  -webkit-animation-delay: -0.25s;
          animation-delay: -0.25s;
}.lds div:nth-child(10) {
  transform: rotate(270deg);
  -webkit-animation-delay: -0.16666666666666666s;
          animation-delay: -0.16666666666666666s;
}.lds div:nth-child(11) {
  transform: rotate(300deg);
  -webkit-animation-delay: -0.08333333333333333s;
          animation-delay: -0.08333333333333333s;
}.lds div:nth-child(12) {
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.lds.liturgicalVestments div { background-color:  #FF8C00; }
.lds.monasteryProducts div { background-color:  rgb(186,102,13); }
.lds.devotionals div { background-color:  #FFAD00; }
.lds.massWine div { background-color:  #D32727; }

.loadingio-spinner-spinner {
  width: 33px;
  height: 33px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.lds {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.33);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.lds div { box-sizing: content-box; }




/************ float input labels ********************/
.form_field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}

/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/

.form_field label, .form_field input {
  transition: all 0.2s;
  touch-action: manipulation;
}

.form_field input {
  font-size: 18px;
  border: 0;
  border: 1px solid  #c2c2c2;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  cursor: text;
  transition: 0.1s ease all;
  border-radius: 5px;
  padding: 8px 10px;
}

.form_field input:focus {
  outline: 0;
  border: 1px solid  #018f34;
}

.form_field label {
  color:  #c2c2c2;
  /* letter-spacing: 0.05em; */
}

.mt-2-custom {
  margin-top: 0.5rem !important;
}

@media (max-width: 991.98px) { 
  .mt-2-custom {
    margin-top: 0rem !important;
  }
}

.main-carousel, .main-banner {
  width:100%;
  max-width:2160px;
  max-height:400px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color: #fff;
}
.main-carousel.liturgicalVestments .slick-active button { background-color:  #FF8C00; }
.main-carousel.monasteryProducts .slick-active button { background-color:  rgb(186,102,13); }
.main-carousel.devotionals .slick-active button { background-color:  #FFAD00; opacity: 1; }
.main-carousel.massWine .slick-active button { background-color:  #D32727; }

.main-carousel-holder {
  opacity: 1 !important;
}

.main-carousel-nav {
  border-radius: 50%;
  border: 1px solid  #a9a9a9;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 13px;
  height: 13px;
  margin-right:5px;
}
.main-carousel-nav div {
  background-color: #fff;
  border: none;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}
.main-carousel-nav {
  opacity: 1 !important;
}

.main-carousel-nav.books.active div { background-color:  #de3831; }
.main-carousel-nav.liturgical_vestments.active div { background-color:  #FF8C00; }
.main-carousel-nav.monastery_products.active div { background-color:  rgb(186,102,13); }
.main-carousel-nav.devotionals.active div { background-color:  #FFAD00; }
.main-carousel-nav.mass_wine.active div { background-color:  #D32727; }

.item-large-test {
  height: auto;
  width: 100%;
  display:none;
}
@media (max-width: 1919.98px) { 
  .item-large-test {
    display: block;
  }
}
.main-carousel-item-test {
  height: 400px;
  max-width:2160px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1919.98px) { 
  .main-carousel-item-test {
    width: 100%;
    max-height: 400px;
    height: auto;
    background-size: contain;
  }
}

@media (max-width: 767.98px) { 
  .main-carousel-item-test img.item-large-test, .main-banner-item img.item-large, .homepage_carousel_container-md img.item-large, .homepage_carousel_container-md .titles_inside_wrapper .titles_inside {
    display: none;
  }
  .titles_inside_wrapper {
    height: auto;
    top: auto;
    bottom: 0;
  }
}
.main-carousel-item-test img.item-small-test, .main-banner-item img.item-small-test, .homepage_carousel_container-md img.item-small-test {
  width:100%;
  max-height:400px;
  max-width:768px;
  display: none;
}
@media (max-width: 767.98px) { 
  .main-carousel-item-test img.item-small-test, .main-banner-item img.item-small-test, .homepage_carousel_container-md img.item-small-test {
    display: block;
  }
}










.main-banner-holder {
  width:1360px;
  height:400px;
}
@media (max-width: 1359.98px) { 
  .main-banner-holder {
    width: 100%;
    max-height: 400px;
    height: auto;
  }
}



.main-carousel-item, .main-banner-item {
  height: 400px;
  max-width:2160px;
  background-position: center;
  background-repeat: no-repeat;
}
.main-banner-item { 
  width: 100%;
}
/* @media (max-width: 1919.98px) { 
  .main-carousel-item, .main-banner-item {
    width: 100%;
    max-height: 400px;
    height: auto;
    background-size: contain;
  }
} */
@media (max-width: 1359.98px) { 
  .main-carousel-item, .main-banner-item {
    width: 100%;
    max-height: 400px;
    height: auto;
    background-size: cover;
  }
}
.main-carousel-item img.item-large, .main-banner-item img.item-large {
  width:100%;
  max-height:400px;
  max-width:2160px;
  display: none;
}
/* @media (max-width: 1919.98px) { 
  .main-carousel-item img.item-large, .main-banner-item img.item-large {
    display: block;
  }
} */
@media (max-width: 1359.98px) { 
  .main-carousel-item img.item-large, .main-banner-item img.item-large {
    display: block;
  }
}
@media (max-width: 767.98px) { 
  .main-carousel-item img.item-large, .main-banner-item img.item-large, .homepage_carousel_container-md img.item-large, .homepage_carousel_container-md .titles_inside_wrapper .titles_inside {
    display: none;
  }
}
.main-carousel-item img.item-small, .main-banner-item img.item-small, .homepage_carousel_container-md img.item-small {
  width:100%;
  max-height:400px;
  max-width:768px;
  display: none;
}
@media (max-width: 767.98px) { 
  .main-carousel-item img.item-small, .main-banner-item img.item-small, .homepage_carousel_container-md img.item-small {
    display: block;
  }
}

.main-carousel, .secondary-carousel {
  opacity: 0;
}

.secondary-carousel .slick-slide {
  margin: 0 25px 0 0;
  text-align: center;
}

.slick-slide img {
  display: inline;
}

.secondary-carousel .slick-list {
  margin: 0 -25px 0 0;
}


/* login modal */
.modal-open {
  padding-right: 0px !important;
}

.login_modal_close_wrapper {
  margin: -20px -20px 20px 0px;
  display: flex;
  justify-content: flex-end;
}

.close-modal {
  height:15px;
  width:auto;
}

.login_modal_header {
  border-bottom: 1px solid  #a9a9a9;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 15px;
}

.login_modal_header img {
  height:55px;
  width:auto;
}

.login_modal_header div {
  margin: 0px 0px -10px 0px;
  text-transform: uppercase;
}

@media (max-width: 575.98px) { 
  .login_modal_header img {
    height: 35px;
  }
  #resetPasswordModalContent .login_modal_header img {
    display:none;
  }
}



.login_username {
  margin-top: 30px;
}
.login_password {
  margin-top: 15px;
}

.modal_submit_button_wrapper {
  margin: 0px -15px 0px 0px;
}
.modal_submit_button {
  background-color:  #de3831;
  color: #fff;
  padding: 11px 30px;
  border-radius: 5px;
  /* margin: 45px 0px 20px 0px; */
  outline: none;
  border:none;
  transition: all 0.1s ease;
}
.modal_submit_button:hover {
  background-color:  #C72620;
}
.modal_submit_button:focus {
  outline: none;
  border:none;
}

.modal_submit_button--secondary {
  background-color:  #de3831;
  color: #fff;
  padding: 11px 30px;
  border-radius: 5px;
  outline: none;
  border:none;
  transition: all 0.1s ease;
  display: none;
}
.modal_submit_button--secondary:hover {
  background-color:  #C72620;
}
.modal_submit_button--secondary:focus {
  outline: none;
  border:none;
}

@media (max-width: 575.98px) {
  .modal_submit_button_wrapper {
    margin: 0px -15px 25px -15px;
  }
  .modal_submit_button.cw-50 {
    width: 50%;
    margin-left: 8px;
  }
  .modal_submit_button, .modal_submit_button--secondary, .back2StoreTable {
    width: 100%;
  }
}



.switch-form:hover {
  text-decoration: underline;
}

.login_modal_register_now {
  border-top: 1px solid  #a9a9a9;
  margin: 20px 0px 0px;
  padding-top: 20px;
}

.modal_login_register_button {
  border: 1px solid #000;
  padding: 11px 30px;
  border-radius: 5px;
  /* margin: 45px 0px 20px 0px; */
  font-weight: 500;
}
.modal_login_register_button:hover {
  text-decoration: underline;
}

@media (max-width: 575.98px) {
  .modal_login_register_button {
    padding: 11px 20px;
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 100%;
  }
  .modal_login_register_button.cw-50 {
    width: 50%;
  }
}

.register_tip_header {
  color: #686c6f;
}
@media (max-width: 575.98px) {
  .register_tip_header {
    font-size: 20px;
  }
}
.register_tip {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 575.98px) {
  .register_tip {
    font-size: 16px;
  }
}
.register_tip img {
  height: 15px;
  width: auto;
  margin-right:10px;
  margin-top:10px;
}

@media (max-width: 575.98px) {
  .register_tip img {
    height:10px;
  }
}

.close-modal {
  cursor: pointer;
}

.foxentry-label-input-focused {
  color: inherit !important;
}

/* TEST INPUTS */
.floating-label-input {
  width: 100%;
  position: relative;
  margin-top: 5px;
}
.floating-input {
  font-weight: 300;
  border: 1px solid #686c6f;
  padding: 8px 20px;
  border-radius: 5px;
  font-size: 22px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .floating-input {
    font-size: 18px;
    padding: 5px 16px
  }
}
.floating-input:focus {
  font-weight: 500;
  outline: 0;
  border-color:  #de3831;
}
.floating-input.cart:focus { border-color:  #018f34; }
.floating-label {
  font-weight:300;
  font-size: 22px;
  position: absolute;
  left: 30px;
  top: 8px;
  background-color: #fff;
  color: #686c6f;
  padding: 0px 6px;
  border-radius: 5px;
}
.floating-label.cartarea {
  left: 26px
}
@media (max-width: 575.98px) {
  .floating-label {
    font-size: 18px;
    top: 5px;
    left: 30px;
  }
  .floating-label.cartarea {
    left: 26px
  }
}

.floating-input:-webkit-autofill,
.floating-input:-webkit-autofill:hover, 
.floating-input:-webkit-autofill:focus, 
.floating-input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.floating-input:disabled {
  background-color: rgba(0, 0, 0, 0.1);
}

.floating-label-select {
  position: relative;
}

.floating-label-select label {
  position: absolute;
  top: -13px;
  /* color: #018f34; */
  color: #686c6f;
  font-size: 16px;
  left: 22px;
  font-weight:300;
  z-index:1;
  background-color: #fff;
  padding: 0px 6px;
}

.category__all_books {
  border: 1px solid  #686c6f;
  padding: 8px 32px;
  color:  #686c6f;
  border-radius: 5px;
}
.category__all_books:hover {
  text-decoration: underline;
  color:  #686c6f;
}

#registerModalContent, #resetPasswordModalContent, #setPasswordModalContent {
  display: none;
}

.modal-spinner, .remote-modal-spinner {
  background: rgba(0, 0, 0, 0.3); 
  left:0; 
  top:0; 
  z-index: 1060;
  display: none;
}

.modal-xl {
  max-width: 1200px;
}

.mandatory_value {
  color:  #de3831;
}

.empty-text-muted {
  color:  #de3831 !important;
  opacity: 0;
}

/* button classes */
.kna-button, .kna-button-sm {
  background-color:  #de3831;
  color: #fff;
  padding: 9.5px 70px;
  border-radius: 5px;
  outline: none;
  border:none;
  transition: all 0.1s ease;
  display: inline-block;
  text-align: center;
}
.kna-button-sm { 
  padding: 9.5px 35px;
}
.kna-button-sm.extra-sm { 
  padding: 7px 15px;
}
.kna-button:focus, .kna-button-sm:focus {
  box-shadow: none;
  outline: 0;
}
@media (max-width: 575.98px) {
  .kna-button, .kna-button-sm {
    padding: 11px 10px;
  }
}
.kna-button:hover, .kna-button-sm:hover {
  background-color:  #C72620;
  color: #fff;
}

.kna-button-sm--inverse {
  background-color: transparent;
  color: #de3831;
  padding: 9.5px 70px;
  border-radius: 5px;
  outline: none;
  border: 1px solid #de3831;
  transition: all 0.1s ease;
  display: inline-block;
  text-align: center;
}
.kna-button-sm--inverse { 
  padding: 9.5px 35px;
}
.kna-button-sm--inverse.extra-sm { 
  padding: 7px 15px;
}
.kna-button-sm--inverse:focus {
  box-shadow: none;
  outline: 0;
}
@media (max-width: 575.98px) {
  .kna-button-sm--inverse {
    padding: 11px 10px;
  }
}
.kna-button-sm--inverse:hover {
  color: #de3831;
}

.kna-button-yellow {
  background-color:  #ffc43a;
  color: #000;
  padding: 9.5px 35px;
  border-radius: 5px;
  outline: none;
  border:none;
  transition: all 0.1s ease;
  display: inline-block;
  text-align: center;
}
@media (max-width: 575.98px) {
  .kna-button-yellow {
    padding: 11px 10px;
  }
}
.kna-button-yellow:hover {
  background-color:  #FFB60C;
  color: #000;
}

.kna-button-green {
  background-color:  #018f34;
  color: #fff;
  padding: 9.5px 35px;
  border-radius: 5px;
  outline: none;
  border:none;
  transition: all 0.1s ease;
  display: inline-block;
  text-align: center;
}
@media (max-width: 575.98px) {
  .kna-button-green {
    padding: 11px 10px;
  }
}
.kna-button-green:hover {
  background-color:  #017A2D;
  color: #fff;
}

.kna-button-inverse {
  background-color: #fff;
  color:  #de3831;
  padding: 9.5px 70px;
  border-radius: 5px;
  outline: none;
  border: 1px solid  #de3831;
  transition: all 0.1s ease;
  display: inline-block;
}
.kna-button-inverse:hover {
  background-color:  #de3831;
  color: #fff;
  border: 1px solid  #de3831;
}
.kna-columns {
  -moz-column-count: 3;
       column-count: 3; 
  -moz-column-width: calc(100% / 3); 
       column-width: calc(100% / 3);
}
@media (max-width: 991.98px) { 
  .kna-columns {
    -moz-column-count: 1;
         column-count: 1; 
    -moz-column-width: 100%; 
         column-width: 100%;
  }
}
@media (max-width: 991.98px) { 
  .kna-advantage {
    margin-top: 25px !important;
  }
}

.black-white-button {
  border: 1px solid black;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 70px;
  height: 45px;
  display: inline-block;
  align-items: center;
  transition: all 0.1s ease;
  outline: 0;
}
.black-white-button:focus {
  box-shadow: none;
  outline: 0;
}
.black-white-button:hover {
  text-decoration: underline;
}

.about_kna-buttons {
  display: flex;
}

@media (max-width: 588px) { 
  .about_kna-buttons {
    display: block;
  }
  .about_kna-buttons a {
    text-align: center;
    width: 100%;
    margin: 5px auto !important;
  }
}

.pretty input:checked~.state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
  background-color:  #de3831 !important;
}

.pretty {
  white-space: inherit !important;
  display: flex !important;
}

.pretty.p-svg .state .svg {
  bottom: 0;
}

.pretty .state label:after, .pretty .state label:before {
  top: 0;
}

.pretty .state label {
  text-indent: 0px !important;
}

.register_modal_inputs .floating-label {
  cursor: text;
}

#remoteModal .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 51px !important;
}

#remoteModal .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  color: #686c6f !important;
}

#remoteModal .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color:  #de3831 !important;
}

#remoteModal .select2-container .select2-selection--single {
  border: 1px solid #686c6f;
  height:51px !important; 
}

#remoteModal .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 51px !important;
  width: 51px !important; 
}

#remoteModal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 8px 6px 0 6px !important; 
}

.kna-checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 575.98px) {
  .kna-checkbox {
    padding-left: 40px;
    font-size: 16px;
  }
}

.alcohol_check { display: none; }

.kna-checkbox.invalid, .kna-checkbox.invalid a {
  color:  #de3831 !important;
}

/* Hide the browser's default checkbox */
.kna-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.kna-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: 1px solid #bdc3c7;
}

@media (max-width: 575.98px) {
  .kna-checkbox .checkmark {
    left: 10px;
  }
}

.kna-checkbox.invalid .checkmark {
  border-color:  #de3831;
}

.kna-checkbox:hover input ~ .checkmark {
  transition: background-color 300ms linear;
}

.kna-checkbox-green input:checked ~ .checkmark {
  background-color:  #018f34;
}
.kna-checkbox-red input:checked ~ .checkmark {
  background-color:  #de3831;
}

.kna-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.kna-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.kna-checkbox .checkmark:after {
  left: 7px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.js_show_password {
  position: absolute;
  right: 28px;
  top: 12px;
  cursor: pointer;
}

@media (max-width: 575.98px) {
  .js_show_password {
    top: 6px;
  }
}

.address_header__text {
  text-transform:uppercase;
  background-color:  #D9EEE1;
  padding:8px 20px;
  width:100%;
  font-size:22px;
  font-weight:500;
  border-bottom: 1px solid  #c2c2c2;
}

.composing-arrow {
  top: 5%;
  left: -200px;
}
.composing-arrow-text { background-color:  #ffc43a;color:black;height:34px;font-size:18px; }
.composing-arrow-triangle {
  width: 0; 
  height: 0; 
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left:17px solid  #ffc43a;
}

/* MSIE stuff */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .product_image img {
    max-height: 260px;
    max-width: 220px;
    margin: 0px;
  }
  .product_action__action_buttons {
    left: 0px;
  }
  /* img[src$=".svg"] {
    width: 100%; 
  } */
}

.free-delivery-car {
  height:184px;
  width:373px;
  z-index:1150;
  margin-bottom:445px;
}
@media (max-width: 575.98px) {
  .free-delivery-car {
    height: calc(184px * 0.6);
    width: calc(373px * 0.6);
    margin-bottom: 330px;
  }
}
@media (max-width: 360.98px) {
  .free-delivery-car {
    height: calc(184px * 0.6);
    width: calc(373px * 0.6);
    margin-bottom: 370px;
  }
}
.modal-delivery-guy {
  height: 350px;
  width: auto;
  z-index:1150;
  margin-bottom: 56px;
  margin-right: 365px;
}
@media (max-width: 575.98px) {
  .modal-delivery-guy {
    display:none;
  }
}
.advantageous-delivery-wrapper {
  justify-content: flex-end;
}
@media (max-width: 575.98px) {
  .advantageous-delivery-wrapper {
    justify-content: flex-start;
  }
}
.advantageous-delivery-text {
  padding-left: 45%;
}
@media (max-width: 575.98px) {
  .advantageous-delivery-text {
    padding-left: 0;
  }
}

.packeta-modal-image {
  height:40px !important;
  width:auto !important;
}
@media (max-width: 575.98px) {
  .packeta-modal-image {
    height:30px !important;
    width:auto !important;
  }
}

@media (max-width: 575.98px) {
  .xs-hide {
    display: none;
  }
}
.xs-breakline {
  display: none;
}
@media (max-width: 575.98px) {
  .xs-breakline {
    display: block;
  }
}

.not-found-wrapper {
  display: flex;
  flex-direction: row;
  align-items:center;
  justify-content:center;
}
.not-found-image {
  height:auto; 
  width: 300px;
  margin-right: 25px;
  margin-bottom:0px;
}
@media (max-width: 991.98px) { 
  .not-found-wrapper {
    flex-direction: column;
    text-align:center;
  }
  .not-found-image {
    margin-right: 0px;
    margin-bottom: 25px;
  }
}

.alert-ebook {
  background-color: #e7f5f5;
}

.cookies-disclaimer {
  position: fixed; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  width: 100%;
  padding: 20px;
  background-color: #F8F8F8; 
  color: #000; 
  bottom: 0px; 
  left: 0px;
  z-index: 15;
  box-shadow: 0 -5px 5px -5px #333;
}
@media (max-width: 680px) { 
  .cookies-disclaimer {
    padding: 10px;
  }
}
.cookies-disclaimer__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
  width: 100%;
}
@media (max-width: 680px) { 
  .cookies-disclaimer__buttons {
    flex-direction: column-reverse;
    width: 100%;
  }
  .cookies-disclaimer__buttons a {
    margin: 8px 0px 0px;
  }
}
.cookies-disclaimer__buttons__enable-group {
  display: flex;
  align-items: center;
}
@media (max-width: 403px) { 
  .cookies-disclaimer__buttons__enable-group {
    flex-direction: column-reverse;
    width: 100%;
  }
  .cookies-disclaimer__buttons__enable-group button {
    width: 100%;
  }
}
#cookiesOptions .cookies-enabled-wrapper {
  display: flex;
  justify-content: space-between;
}
#cookiesOptions .cookies-enabled-wrapper button {
  width: 50%;
}
#cookiesOptions .cookies-enabled-wrapper button:nth-of-type(1) {
  margin: 0px 5px 0px 0px;
}
#cookiesOptions .cookies-enabled-wrapper button:nth-of-type(2) {
  margin: 0px 0px 0px 5px;
}
@media (max-width: 991px) { 
  #cookiesOptions .login_modal_header img {
    display: none;
  }
  #cookiesOptions .cookies-enabled-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  #cookiesOptions .cookies-enabled-wrapper button {
    width: 100%;
  }
  #cookiesOptions .cookies-enabled-wrapper button:nth-of-type(1) {
    margin: 0px;
  }
  #cookiesOptions .cookies-enabled-wrapper button:nth-of-type(2) {
    margin: 0px 0px 10px;
  }
}

.ebooks-gradient-from-top-to-bottom {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(128, 192, 0, 0.5) 100%);
  height: 25px;
  width: calc(100% - 50px);
  
}
.ebooks-gradient-from-bottom-to-top {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(128, 192, 0, 0.5) 100%);
  height: 25px;
  width: calc(100% - 50px);
  
}

.weekly_flyer-color {
  color: #344ad4;
}

.action_weekly_flyer_gradient {
  color: rgb(204,210,244);
}

.weekly_flyer-gradient-from-top-to-bottom {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(204,210,244,1) 100%);
  height:25px;
}
.weekly_flyer-gradient-from-bottom-to-top {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,210,244,1) 100%);
  height:25px;
}

.weekly_flyer_article_badge { 
  position:absolute;
  right:0px;
  top:3%;
  background-color:#344ad4;
  color:#fff;
  border:2px solid #fff;
  font-size:20px;
  padding:2px 12px;
  line-height:20px; 
  width: 80px;
  height: 28px;
}
.ebook-article-badge {
  height: 28px;
  width: auto;
  position:absolute;
  right:2px;
  top:3%;
}
.ebook-article-badge.wfa {
  right:80px;
}

.ebook-cart-indicator {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ebook-cart-indicator img {
  height: 25px;
  width: auto;
  margin: 0px 1px 0px 0px;
}
.ebook-cart-indicator span {
  display: flex;
  align-items: center;
  background-color: #80c000;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  height: 25px;
  font-weight: 600;
  padding: 0px 6px;
}

@media (max-width: 799.98px) {
  .flyer-duration-header {
    display: none;
  }
}

.add_to_cart--lookalike {
  color: #fff;
  padding: 11px 30px;
  background-color:  #018f34;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.1s ease;
}

.add_to_cart--lookalike:hover {
  color: #fff;
  background-color:  #017A2D;
}

/* COOKIES */
.checkbox-switch-options {
	display: flex;
	justify-content: center;
	align-items: center;
}
.checkbox-switch-options span:nth-of-type(1) {
	margin: 0px 6px 0px 0px;
}
.checkbox-switch-options span:nth-of-type(2) {
	margin: 0px 0px 0px 10px;
}
.checkbox-switch {
	display: flex;
	justify-content: center;
	align-items: center;
  margin: 8px 0px 0px;
}
.checkbox-switch input {
	height: 0;
	width: 0;
	visibility: hidden;
}
.checkbox-switch label {
	cursor: pointer;
	text-indent: -9999px;
	width: 50px;
	height: 25px;
	background: grey;
	display: block;
	border-radius: 25px;
	position: relative;
}
.checkbox-switch label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 19px;
	height: 19px;
	background: #fff;
	border-radius: 50%;
	transition: 0.3s;
}
.checkbox-switch input:checked + label {
	background: #de3831;
}
.checkbox-switch input:checked + label:after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}
.checkbox-switch label:active:after {
	width: 25px;
}

#acceptCountedKtSubscription .action-buttons {
  display: flex;
}
@media (max-width: 576px) {
  #acceptCountedKtSubscription .action-buttons {
    flex-direction: column-reverse;
  } 
}
#acceptCountedKtSubscription .action-buttons a:nth-of-type(1) {
  width: calc(50% - 4px);
  margin: 0px 4px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  cursor: pointer;
}
#acceptCountedKtSubscription .action-buttons a:nth-of-type(1):focus, a:nth-of-type(1):active {
  color: #000;
}
@media (max-width: 576px) {
  #acceptCountedKtSubscription .action-buttons a:nth-of-type(1) {
    width: 100%;
    margin: 8px 0px 16px 0px;
    height: 37px;
  } 
}
#acceptCountedKtSubscription .action-buttons button:nth-of-type(1) {
  width: calc(50% - 4px);
  margin: 0px 0px 0px 4px;
}
@media (max-width: 576px) {
  #acceptCountedKtSubscription .action-buttons button:nth-of-type(1) {
    width: 100%;
    margin: 0px 0px 0px 0px !important;
    height: 37px;
  }
  #acceptCountedKtSubscription .action-buttons button:nth-of-type(1) img {
    height: 25px;
  }
}

.link-hover:hover { text-decoration: underline; }

.katmedia-logo {
  display: flex;
  align-items: center;
  height: 82px;
}
.katmedia-logo img {
  height: 62px;
  width: auto;
}