
/*Add to cart animation*/
@-moz-keyframes quick_cart_pay_show {
  0% {
    -webkit-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    transform: rotate(70deg);
    right: -100px; }
  50% {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 20px; }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 0; } }

@-webkit-keyframes quick_cart_pay_show {
  0% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
    right: -100px; }
  50% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 20px; }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 0; } }

@keyframes quick_cart_pay_show {
  0% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
    right: -100px; }
  50% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 20px; }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 0; } }

@-webkit-keyframes quick_cart_pay_hide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px); } }

@keyframes quick_cart_pay_hide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px); } }

@keyframes fadeDown {
  0% {
    -webkit-transform: rotate(0deg) translateY(0px);
    transform: rotate(0deg) translateY(0px);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(5deg) translateY(5px);
    transform: rotate(5deg) translateY(5px);
    opacity: 0; } }

@-webkit-keyframes fadeDown {
  0% {
    -webkit-transform: rotate(0deg) translateY(0px);
    transform: rotate(0deg) translateY(0px);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(5deg) translateY(5px);
    transform: rotate(5deg) translateY(5px);
    opacity: 0; } }

@keyframes fadeUp {
  0% {
    -webkit-transform: rotate(5deg) translateY(5px);
    transform: rotate(5deg) translateY(5px);
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0deg) translateY(0px);
    transform: rotate(0deg) translateY(0px);
    opacity: 1; } }

@-webkit-keyframes fadeUp {
  0% {
    -webkit-transform: rotate(5deg) translateY(5px);
    transform: rotate(5deg) translateY(5px);
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0deg) translateY(0px);
    transform: rotate(0deg) translateY(0px);
    opacity: 1; } }

.fadeDown {
  opacity: 0;
  position: relative;
  -webkit-animation: fadeDown 400ms ease-in-out;
  animation: fadeDown 400ms ease-in-out; }
.fadeDownAbs {
  /* opacity: 0; */
  /* position: absolute; */
  /* -webkit-animation: fadeDown 400ms ease-in-out; */
  transition: all 400ms ease-in-out; }

.fadeUp {
  opacity: 1 !important;
  position: relative;
  -webkit-animation: fadeUp 400ms ease-in-out;
  animation: fadeUp 400ms ease-in-out; }

.animateOut {
  position: absolute !important;
  top: 0;
  left: 0;
  -webkit-animation: quick_cart_pay_hide 200ms ease-in forwards;
  animation: quick_cart_pay_hide 200ms ease-in forwards; }

.quick-cart-product .hide {
  opacity: 0; }

#quick-cart {
  bottom: 20px;
  padding-bottom: 60px;
  position: fixed;
  right: 10px;
  top: auto !important;
  z-index: 1000; }

#quick-cart-pay {
  font-size: 100%;
  line-height: 123.07692%;
  font-family: "robotobold", sans-serif;
  border-radius: 50%;
  -webkit-transform: rotate(70deg);
  -ms-transform: rotate(70deg);
  transform: rotate(70deg);
  border: 2px solid #086fcf;
  bottom: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  text-decoration: none;
  right: -100px; }

#quick-cart-pay > span {
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  background-color: #086fcf;
  border: 2px solid #fff;
  color: #fff;
  display: block;
  height: 56px;
  padding-top: 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 56px; }

#quick-cart-pay.open {
  -webkit-animation: quick_cart_pay_show 1s ease-in-out forwards;
  animation: quick_cart_pay_show 1s ease-in-out forwards; }

#quick-cart-pay.cart-ico strong {
  display: none; }

#quick-cart-pay.cart-ico > span {
  background: #086fcf url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE5IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODYuMDAwMDAwLCAtNDUwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NjAuMDAwMDAwLCAxNjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjY5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi43NjU0Nzg0LDQuMjc1IEwxNS44NzU4NzQ5LDguNTkzMzYwNzEgTDQuNjk5ODQwNTksOS43MjQwOTgyMSBMMy40NzM5MDMwNCw0LjI3NSBMMTYuNzY1NDc4NCw0LjI3NSBaIE0xNi44MDQ1NDYzLDkuNzI4MDY3ODYgTDE4LjY3MzcyNTEsMy4wNTM1NzE0MyBMMy4xOTkxNTIwNywzLjA1MzU3MTQzIEwyLjUxMjI3NDYzLDAgTDMuMjYzMDc1NzJlLTA1LDAgTDMuMjYzMDc1NzJlLTA1LDEuMjIxNDI4NTcgTDEuNDUzMDgwMjUsMS4yMjE0Mjg1NyBMNC4wNjM1NDA4MywxMi44MjUgTDE2Ljk2ODAyNjQsMTIuODI1IEwxNi45NjgwMjY0LDExLjYwMzU3MTQgTDUuMTIyNzM1MjEsMTEuNjAzNTcxNCBMNC45NzAwMjMyNiwxMC45MjUzNzMyIEwxNi44MDQ1NDYzLDkuNzI4MDY3ODYgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy44MzEzODE3MywxNS4yNjc4NTcxIEM3LjgzMTM4MTczLDE2LjI3OTgxMDcgNi45NTQ5MTk1OSwxNy4xIDUuODczNTM2MywxNy4xIEM0Ljc5MjE1MzAxLDE3LjEgMy45MTU2OTA4NywxNi4yNzk4MTA3IDMuOTE1NjkwODcsMTUuMjY3ODU3MSBDMy45MTU2OTA4NywxNC4yNTU5MDM2IDQuNzkyMTUzMDEsMTMuNDM1NzE0MyA1Ljg3MzUzNjMsMTMuNDM1NzE0MyBDNi45NTQ5MTk1OSwxMy40MzU3MTQzIDcuODMxMzgxNzMsMTQuMjU1OTAzNiA3LjgzMTM4MTczLDE1LjI2Nzg1NzEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjY2Mjc2MzUsMTUuMjY3ODU3MSBDMTUuNjYyNzYzNSwxNi4yNzk4MTA3IDE0Ljc4NjMwMTMsMTcuMSAxMy43MDQ5MTgsMTcuMSBDMTIuNjIzNTM0NywxNy4xIDExLjc0NzA3MjYsMTYuMjc5ODEwNyAxMS43NDcwNzI2LDE1LjI2Nzg1NzEgQzExLjc0NzA3MjYsMTQuMjU1OTAzNiAxMi42MjM1MzQ3LDEzLjQzNTcxNDMgMTMuNzA0OTE4LDEzLjQzNTcxNDMgQzE0Ljc4NjMwMTMsMTMuNDM1NzE0MyAxNS42NjI3NjM1LDE0LjI1NTkwMzYgMTUuNjYyNzYzNSwxNS4yNjc4NTcxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat center 9px; }

#quick-cart-pay:hover {
  border-color: #303030; }

#quick-cart-pay:hover > span {
  background-color: #303030; }

#quick-cart-pay #quick-cart-price {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "robotobold", sans-serif;
  border-radius: 11px;
  background-color: #16161a;
  bottom: -4px;
  display: block;
  height: 21px;
  left: 50%;
  padding: 2px 8px 0;
  position: absolute; }

#quick-cart-pay #quick-cart-pay-total-count {
  display: none; }

/* .quick-cart-product > div,
#quick-cart-pay {
  box-shadow: rgba(0, 0, 0, 0.23) 0 6px 13px 0; } */

.quick-cart-animated-product > div {
  box-shadow: transparent 0 6px 13px 0; }

.quick-cart-product {
  position: relative;
}

.quick-cart-product > div {
  transition: all 1s ease-in-out 0s;
  overflow: hidden;
  position: relative; }

.quick-cart-product > div .s1,
.quick-cart-product > div .s2 {
  font-family: "robotobold", sans-serif;
  font-size: 100%;
  line-height: 107.69231%;
  background-color: rgba(22, 22, 26, 0.5);
  bottom: 0;
  color: #fff;
  cursor: default;
  display: none;
  height: 100%;
  left: 0;
  padding-top: 23px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%; }

.quick-cart-product > div del {
  display: none; }

#quick-cart .quick-cart-product > div,
.quick-cart-product.run > div {
  border-radius: 50%;
  height: 60px !important;
  width: 60px !important; }

#quick-cart .quick-cart-product > div .s1,
.quick-cart-product.run > div .s1 {
  display: block; }

#quick-cart .quick-cart-product > div img,
.quick-cart-product.run > div img {
  width: 100%; }

#quick-cart .quick-cart-product > div:hover span.s1,
.quick-cart-product.run > div:hover span.s1 {
  display: none; }

#quick-cart .quick-cart-product > div:hover span.s2,
.quick-cart-product.run > div:hover span.s2 {
  display: block; }

.quick-cart-product.run > div {
  border-radius: 50%;
  height: 58px !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 58px !important; }

#quick-cart .quick-cart-product > div .s1,
#quick-cart .quick-cart-product > div .s2 {
  border-radius: 50%; }

.quick-cart-product.animated {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9999;
 }

.quick-cart-product.animated img {
  border-radius: 1px;
  display: block;
  z-index: 2;
  position: relative; }

.quick-cart-product .remove,
.quick-cart-product .removeall:before,
.quick-cart-product .count {
  border-radius: 10px;
  font-family: "robotobold", sans-serif;
  font-size: 76.92308%;
  line-height: 110.0%;
  background-color: #16161a;
  color: #fff;
  display: block;
  height: 20px;
  overflow: hidden;
  padding-top: 4px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 20px;
  z-index: 10; }

.quick-cart-product .removeall {
  width: 20px;
  height: 20px;
  content: "Delete all"; }

.quick-cart-product .removeall:before {
  content: "Delete all"; }

.quick-cart-product .removeall:before {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: none;
  left: -62px;
  padding: 4px 7px 0;
  right: auto;
  width: auto;
  height: 16px; }

.quick-cart-product .removeall:hover {
  background-color: #086fcf; }

.quick-cart-product.show-remove-all:hover .removeall:before {
  display: block; }


.quick-cart-product .remove:hover {
  background-color: #086fcf; }

.quick-cart-product:hover .remove {
  display: block; }

.quick-cart-product.remove-product {
  -webkit-animation: quick_cart_pay_hide 200ms ease-in-out forwards;
  animation: quick_cart_pay_hide 200ms ease-in-out forwards; }

.cubic-btn {
  width: 10px;
  height: 10px;
  position: absolute; }

.quick-cart-product-wrap {
  position: relative; }

#bigpic.animate, .product-container .product_img_link img.animate {
  transition: all 0ms ease-out 0s;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 0; }

#bigpic, .product-container .product_img_link img {
  transition: all 600ms ease-out 0s;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  border-radius: 1px;
  background: transparent no-repeat center center;
  background-size: cover;
  border: 1px solid #e2e2e3;
  display: block;
  /* height: 0; */
  opacity: 1; }


@-moz-keyframes quick_cart_pay_show {
    0% {
        -moz-transform: rotate(70deg);
        transform: rotate(70deg);
        right: -100px
    }
    50% {
        -moz-transform: rotate(-20deg);
        transform: rotate(-20deg);
        right: 20px
    }
    100% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 0
    }
}
@-webkit-keyframes quick_cart_pay_show {
    0% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        right: -100px
    }
    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        right: 20px
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 0
    }
}
@keyframes quick_cart_pay_show {
    0% {
        -moz-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        right: -100px
    }
    50% {
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        right: 20px
    }
    100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 0
    }
}
@-moz-keyframes quick_cart_pay_hide {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 0
    }
    100% {
        -moz-transform: rotate(70deg);
        transform: rotate(70deg);
        right: -100px
    }
}
@-webkit-keyframes quick_cart_pay_hide {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 0
    }
    100% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        right: -100px
    }
}
@keyframes quick_cart_pay_hide {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 0
    }
    100% {
        -moz-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        right: -100px
    }
}
