@font-face {
    font-family: 'Fontawesome';
    src: url('/assets/fonts/fontawesome-webfont.ttf'),
         url('/assets/fonts/fontawesome-webfont.eot'),
         url('/assets/fonts/fontawesome-webfont.woff'),
         url('/assets/fonts/fontawesome-webfont.svg'),
         url('/assets/fonts/fontawesome-webfont.woff2');
}
.blog-header {
 line-height: 1;
 border-bottom: 1px solid #e5e5e5;
 background: #fff;
}

.blog-header-logo {
 font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
 font-size: 2.25rem;
}

.blog-header-logo:hover {
 text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
 font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

.display-4 {
 font-size: 2.5rem;
}
@media (min-width: 768px) {
 .display-4 {
   font-size: 3rem;
 }
}

.nav-scroller {
 position: relative;
 z-index: 2;
 height: 2.75rem;
 overflow-y: hidden;
}

.nav-scroller .nav {
 display: flex;
 flex-wrap: nowrap;
 padding-bottom: 1rem;
 margin-top: -1px;
 overflow-x: auto;
 text-align: center;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
 padding-top: .75rem;
 padding-bottom: .75rem;
 font-size: .875rem;
}

.card-img-right {
 height: 100%;
 border-radius: 0 3px 3px 0;
}

.flex-auto {
 flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
 .h-md-250 { height: 250px; }
}



/*
* Footer
*/
.blog-footer {
  padding: 10px;
  font-size: 11px;
 color: #727272;
 text-align: center;
 background-color: #fff;
 border-top: .05rem solid #fff;
}
.blog-footer p:last-child {
 margin-bottom: 0;
}

.cart-item {
  position: relative;
}

.cart-number {
  top: -5px;
  left: 25px;
  display: block;
}

 .cart-number {
  background: #000;
  color: #fff !important;
  line-height: 17px;
  padding: 0 6px;
  font-size: 10px;
  position: absolute;
  border-radius: 50%;
}


       .ftc-cart-tini.cart-item-canvas:before, .ftc-cart-tini:before {
           content: "\f291";
           font-family: "Fontawesome";
           font-size: 28px;
           margin-right: 5px;
           color: #191919;
           line-height: 28px;
       }


       .cart-total-cart {
           color: #191919;
       }

  
       *, *:before, *:after {
 box-sizing: border-box;
 padding: 0;
 margin: 0;
}

main.container {
   /* background: #CCFBFE; */
}

.fa {
   font-family: "Fontawesome";
}

.fa-heart:before {
   content: "\f004";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
   content: "\f00d";
}
/* 
.tinder {
 width: 100%;
 height: 85vh;
 display: flex;
 flex-direction: column;
 position: relative;
 opacity: 0;
 transition: opacity 0.1s ease-in-out;
}

.loaded.tinder {
 opacity: 1;
}

.tinder--status {
 position: absolute;
 top: 50%;
 margin-top: -30px;
 z-index: 2;
 width: 100%;
 text-align: center;
 pointer-events: none;
}

.tinder--status i {
 font-size: 100px;
 opacity: 0;
 transform: scale(0.3);
 transition: all 0.2s ease-in-out;
 position: absolute;
 width: 100px;
 margin-left: -50px;
}

.tinder_love .fa-heart {
 opacity: 0.7;

}

.tinder_nope .fa-remove {
 opacity: 0.7;

}

.tinder--cards {
 flex-grow: 1;
 padding-top: 40px;
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: flex-end;
 z-index: 1;
}

.tinder--card {
 display: inline-block;
 width: 70%;
 max-width: 320px;
 height: auto;
 background: #FFFFFF;
 border-radius: 8px;
 overflow: hidden;
 position: absolute;
 will-change: transform;
 transition: all 0.3s ease-in-out;
 cursor: -webkit-grab;
 cursor: -moz-grab;
 cursor: grab;
}

.moving.tinder--card {
 transition: none;
 cursor: -webkit-grabbing;
 cursor: -moz-grabbing;
 cursor: grabbing;
}

.tinder--card img {
 max-width: 100%;
 pointer-events: none;
}

.tinder--card h3 {
 margin-top: 32px;
 font-size: 32px;
 padding: 0 16px;
 pointer-events: none;
}

.tinder--card p {
 margin-top: 24px;
 font-size: 20px;
 padding: 0 16px;
 pointer-events: none;
}

.tinder--buttons {
 flex: 0 0 100px;
 text-align: center;
 padding-top: 20px;
}

.tinder--buttons button {
 border-radius: 50%;
 line-height: 60px;
 width: 60px;
 border: 0;
 background: #FFFFFF;
 display: inline-block;
 margin: 0 8px;
}

.tinder--buttons button:focus {
 outline: 0;
}

.tinder--buttons i {
 font-size: 32px;
 vertical-align: middle;
 font-style: normal;
}

.fa-heart {
 color: #FFACE4;
}

.fa-remove {
 color: #CDD6DD;
} */


@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}

.cart-item.shake {
  animation: shakeCart 0.4s ease-in-out forwards;
}

.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.btn-black {
  background: black;
  color: #fff;
  border: 1px solid #000;
}
/* @media (max-width: 575.98px) { 
    .tinder {
      padding-bottom: 60px;
    }
} */


/* .promotion-item.form-group {
  display: none;

}

#p--1 {
  display: block;
} */

.product-option {
  margin-bottom: 20px;
}

.product-option.selected .card {
  border: 1px solid red;
}

.product-option .card {
  cursor: pointer;
  transition: box-shadow .3s;
}
.product-option .card:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}




.btn-dark {
    color: #fff;
    background-color: #2c2c2c;
}


.heart {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oZWFydDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImhlYXJ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi4wMDAwMDAsIC03LjAwMDAwMCkiIGZpbGw9IiNEMDAyMUIiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS41MjM4MDk1LDI1IEMxNiwyNSAxNiwyNSAxNi40NzYxOTA1LDI1IEwyNC4wOTUyMzgxLDE3IEMyNi41NDk4Njc5LDE0LjUxMzUwNDIgMjYuNTQ5ODY3OSwxMC45MDAxNDM2IDI0LjA5NTIzODEsOSBDMjIuMTUwOTIzNSw2LjQ0MjgzNjc3IDE4LjU4NDg3NSw2LjQ0MjgzNjc3IDE2LjQ3NjE5MDUsOSBDMTYsOSAxNiw5IDE1LjUyMzgwOTUsOSBDMTMuNDE1MTI1LDYuNDQyODM2NzcgOS44NDkwNzY0Niw2LjQ0MjgzNjc3IDcuOTA0NzYxOSw5IEM1LjQ1MDEzMjA3LDEwLjkwMDE0MzYgNS40NTAxMzIwNywxNC41MTM1MDQyIDcuOTA0NzYxOSwxNyBMMTUuNTIzODA5NSwyNSBaIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  height: 22px;
  width: 22px;
}

.animate-topright {
  position: absolute;
  -webkit-animation: movetopRight 6.5s 1s infinite;
  -moz-animation: movetopRight 6.5s 1s infinite;
  -o-animation: movetopRight 6.5s 1s infinite;
  -ms-animation: movetopRight 6.5s 1s infinite;
  animation: movetopRight 6.5s 1s infinite;
}
.animate-topleft {
  position: absolute;
  -webkit-animation: movetopLeft 8.5s 1.4s infinite;
  -moz-animation: movetopLeft 8.5s 1.4s infinite;
  -o-animation: movetopLeft 8.5s 1.4s infinite;
  -ms-animation: movetopLeft 8.5s 1.4s infinite;
  animation: movetopLeft 8.5s 1.4s infinite;
  
}

.animate-up {
  position: absolute;
  -webkit-animation: moveup 7.5s 2.2s infinite;
  -moz-animation: moveup 7.5s 2.2s infinite;
  -o-animation: moveup 7.5s 2.2s infinite;
  -ms-animation: moveup 7.5s 2.2s infinite;
  animation: moveup 7.5s 2.2s infinite;
}

@keyframes movetopRight {
  0% {
    top: 70%;
    left: 50%;
    opacity: 0.9;
  }
  100% {
    top: 10%;
    left: 80%;
    opacity: 0;
  }
}
@keyframes movetopLeft {
  0% {
    top: 70%;
    left: 50%;
    opacity: 0.9;
  }
  100% {
    top: 10%;
    left: 20%;
    opacity: 0;
  }
}
@keyframes moveup {
  0% {
    top: 70%;
    left: 50%;
    opacity: 0.9;
  }
  100% {
    top: 0%;
    left: 45%;
    opacity: 0;
  }
}