/* CSS Document */

*{font-family: 'Open Sans', sans-serif; font-size: 13px}
#mainContainer{position: relative; min-height: 100vh}
#wrapper{padding-bottom: min(5rem, 100%)}
#footer{position: absolute; bottom: 0; width: 100%; max-width: 100vw; height: min(5rem, 100%)}
body{background-color: rgba(243,243,243,1.00)}

/* general rules of behaviour*/
.outline-0{outline: none}
.shadow-0{box-shadow: none !important}
.no-link{text-decoration: none !important; color: inherit}
.list-0{list-style: none}
.btn-nav-outline{border-color: rgba(255,255,255,0); transition: all .2s ease-out}
.btn-nav-outline:hover{border-color: rgba(203,10,209,1.00); box-shadow: inset 2px 1px 2px 0px rgba(0,0,0,1) !important}
.mt-nav{margin-top: 5px}
.mh-40{max-height: 40px}
.btn-nav-catalog{padding-bottom: 10px; margin: 5px 0 0 0; outline: none; border: none}
.fs-7{font-size: .9rem}
.fs-8{font-size: .8rem}
.img-btn-left-corner{position: absolute; top: -25px; left: -10px; width: 30px}
.img-btn-right-corner{position: absolute; top: -25px; right: -10px; width: 30px}
.p-relative{position: relative}
.p-absolute{position: absolute}
.p-fixed{position: fixed}
.img-header{background-image: url("../../assets/img/main-header.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 548px; max-height: 548px}
.header-wrapper{height: calc(100vh - 150px); max-height: 548px}
.top-bar{z-index: 200; transition: all .15s ease-out}
.navigation, .menu{z-index: 200}
.navigation{background-color: rgba(230,58,205,1.00)}
.btn-search, .field-search, .btn-search:focus, .field-search:focus, .btn-search:hover{border: solid 1px rgba(230,58,205,1.00)}
.menu .left-drop{width: 240px; list-style: none; min-height: 548px; background-color: white; display: flex; flex-direction: column; flex-grow: 1; margin: 0; padding: 0}
.menu .menu-item{display: flex; flex-grow: 1; align-items: center; border: solid 1px white; transition: all .25s ease-out}
.menu .menu-link{display: flex; flex-grow: 1; cursor: pointer}
.sub-menu-large{position: absolute; top: 0px; left: 210px; z-index: 220; list-style: none; padding: 10px 30px; width: 1165px;  height: 548px; transition: all .25s ease-out; flex-direction: column; flex-wrap: wrap; display: flex; visibility: hidden}
.menu .menu-subcat{flex: 1 1 100px; opacity: 0; visibility: hidden}
.menu .menu-item:hover{border-top: 1px solid rgba(96,96,96,.1); border-bottom: 1px solid rgba(96,96,96,.1); background-color: rgba(247,247,247,1.00)}
.menu .menu-item:hover > a{color: rgba(230,58,205,1)}
.sub-listing-item a:hover{color: rgba(230,58,205,1)}
.menu-item:hover ul li{visibility: visible; opacity: 1}
.menu-item:hover .sub-menu-large{visibility: visible; opacity: 1; left: 240px}
.large-menu-details{height: 548px; width: 1165px; background-color: white; position: absolute; left: 210px; top: 40px; z-index: 190 !important; opacity: 0; visibility: hidden; transition: all .25s ease-out}
.menu:hover ~ .large-menu-details{visibility: visible; opacity: 1; left: 240px}
.btn-action, .btn-action-start{max-height: 30px; height: 30px}
.btn-action{background: linear-gradient(90deg, rgba(230,58,205,1) 0%, rgba(255,112,234,1) 100%); transition: all .25s ease-out}
.btn-action:hover{box-shadow: 1px 1px 6px rgba(92,49,6,.50) !important}
.btn-action:hover > span{color: rgba(255,220,178,1.00)}
.btn-action > span{margin: 0px 8px 0px 5px; transition: all .25s ease-out; line-height: 30px}
.btn-action-start{border-top-right-radius: 0px; border-bottom-right-radius: 20px; width: 35px}
.btn-action-start > img{position: relative; left: 2px; top: -8px; height: 35px}
.btn{box-shadow: none !important}
.beta-notice{left: 0; top: 15%; z-index: 2500}
#sliderCarousel{height: 548px; overflow: hidden; position: absolute; left: calc(50% + 120px); transform: translateX(-50%); width: 1165px}
#sliderCarousel .carousel-indicators button{height: 20px; width: 20px; background-color: rgba(230,58,205,1.00); border-radius: 50%; bottom: 0; border: none}
#sliderCarousel .carousel-control-next, #sliderCarousel .carousel-control-prev{width: 50px}
.transition-menu{left: 260px; opacity: 0; visibility: hidden}
.visible-menu{left: 240px; opacity: 1; visibility: visible}
.price-container span{color: rgba(230,58,205,1.00)}
.t-super{font-variant-position: super}
.add-to-cart i, .product{transition: all .15s ease-out}
.add-to-cart:hover i{filter: drop-shadow(1px 1px 1px rgba(140,0,193,.5))}
.product:hover{box-shadow: 2px 2px 6px 0 rgba(0,0,0,.2) !important}

/* star rating */
.star-ratings {
  unicode-bidi: bidi-override;
  color: #ccc;
  position: relative;
  margin: 0;
  padding: 0
}
.star-ratings .fill-ratings {
  color: #FFC600;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings .fill-ratings span {
  display: inline-block;
}
.star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}

/*  product card styling */
.product{background-color: white; height: 400px}

/* bootstrap elements redesigned*/
.popover .arrow::after, .arrow::after{border-bottom-color: orange !important; z-index: 10}
.popover .arrow::before{border-top-color: orange !important}
.popover-header{background: orange; border-top: orange}
.popover.bs-popover-auto[x-placement^="bottom"] .arrow, .popover.bs-popover-bottom .arrow {top: 1px; left: 50% !important}
.popover{max-width: 300px; border: none; box-shadow: 2px 2px 10px 4px rgba(79,79,79,0.25); top: 65px}
.popover-body{overflow-y : auto; overflow-x: hidden; max-height: 300px}
.popover-footer{position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background-color: rgba(231,231,231,1.00); box-sizing: border-box; line-height: 40px}
.popover-footer-separator{height: 40px}
.arrow-info > .popover-arrow:after {border-right-color: #cff4fc !important}


.product-carousel .carousel-inner {
  padding: 1em;
}
.product-carousel .card {
  margin: 0 0.5em;
  box-shadow: 2px 2px 8px 0 rgba(22, 22, 26, 0.07);
  border: none;
}
.product-carousel .carousel-control-prev,
.product-carousel .carousel-control-next {
  background-color: rgba(160,126,158,1.00);
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.product-carousel .carousel-control-prev{left: -20px; border-radius: 0; width: 25px; display: none}
.product-carousel .carousel-control-next{right: -20px; border-radius: 0; width: 25px}
@media (min-width: 768px) {
  .product-carousel .carousel-item {
    margin-right: 0;
    flex: 0 0 20%;
    display: block;
  }
  .product-carousel .carousel-inner {
    display: flex;
  }
}
.product-carousel .card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-carousel .card img {
    max-height: 100%;
}
@media (max-width: 767px) {
  .product-carousel .card .img-wrapper {
    height: 17em;
  }
}