/** Shopify CDN: Minification failed

Line 1296:2 Expected identifier but found "*"
Line 2002:4 "@charset" must be the first rule in the file
Line 2367:11 Expected ":"
Line 2367:13 Expected identifier but found "10px"
Line 2375:11 Expected ":"
Line 2375:13 Expected identifier but found "10px"

**/
.limespot-recommendation-box.ls-recommendation-box.theme-neat
{
  width: 70%;
}
/**** MODAL ****/
.tingle-modal * {
  box-sizing: border-box;
}

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
}

/* confirm and alerts
-------------------------------------------------------------- */

.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}

/* modal
-------------------------------------------------------------- */

.tingle-modal--noOverlayClose {
  cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
  display: none;
}

.tingle-modal__close {
  position: fixed;
  top: 10px;
  right: 28px;
  z-index: 1000;
  padding: 0;
  width: 5rem;
  height: 5rem;
  border: none;
  background-color: transparent;
  color: #f0f0f0;
  font-size: 6rem;
  font-family: monospace;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

.tingle-modal__closeLabel {
  display: none;
}

.tingle-modal__close:hover {
  color: #fff;
}

.tingle-modal-box {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
}

.tingle-modal-box__content {
  padding: 3rem 3rem;
}


.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto;
}

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px; /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  -webkit-transition: bottom .3s ease-in-out .3s;
  transition: bottom .3s ease-in-out .3s;
}

/* state
-------------------------------------------------------------- */

.tingle-enabled {
  overflow: hidden;
  height: 100%;
}

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}

.tingle-enabled .tingle-content-wrapper {
  -webkit-filter: blur(15px);
  filter: blur(15px);
}

.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

/* btn
-------------------------------------------------------------- */

.tingle-btn {
  display: inline-block;
  margin: 0 .5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
}

.tingle-btn--primary {
  background-color: #3498db;
}

.tingle-btn--danger {
  background-color: #e74c3c;
}

.tingle-btn--default {
  background-color: #34495e;
}

.tingle-btn--pull-left {
  float: left;
}

.tingle-btn--pull-right {
  float: right;
}

/* responsive
-------------------------------------------------------------- */

@media (max-width : 540px) {
  .tingle-modal-box {
    width: auto;
    border-radius: 0;
  }

  .tingle-modal {
    top: 60px;
    display: block;
    width: 100%;
  }

  .tingle-modal--noClose {
    top: 0;
  }

  .tingle-modal--overflow {
    padding: 0;
  }

  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }

  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    box-shadow: none;
    color: #fff;
    line-height: 55px;
  }

  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }

  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
    font-size: 4rem;
  }
}
@media screen and (max-width: 480px)
{

  .mobile-nav--sticky.unsticky {
    -webkit-transform: none!important;
    transform:none!important;
    height: 58px;

    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
    z-index: 2147483647;
  }
}
.carticon
{
  display: block;
  width: 100px;     

  padding: 5px;
  text-align: center;
  border-radius: 5px;

  font-weight: bold;
  z-index: 2147483647;
}
/*.sc-icon {
width: 60px;
height: 60px;
position: fixed;    
top: 50px;
right: 50px;
z-index: 25000;
background-color: green;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}*/



img#sc-cartimage {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  height: 40px;
  fill: red;
}

.sc-counter {
  border-radius: 10px;
  font-size: 13px;
  line-height: 110.0%;
  background-color: red;
  color: #fff;   
  height: 25px;
  overflow: hidden;
  padding-top: 4px;
  position: fixed;
  right: 40px;
  top: 50px;
  text-align: center;
  width: 25px;
  border-radius: 50%;
  z-index: 55000;
  display: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.sc-cartcontainer {
  background: rgba(255,255,255,0.8);
  height: 100%;
  width: 400px;
  background-color: #fff;
  top: 0px;
  position: fixed;
  right: 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  z-index: 2147483647;
  display: none;

}

div#sc-cartpriceDiv {
  background-color: red;
  position: fixed;
  top: 95px;
  right: 45px;
  display: block;
  height: 23px;
  display: none;
  text-align: center;
  border-radius: 2px;
  z-index: 565566000;
  color: #fff;
  /* padding: 2px; */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  vertical-align: middle;
  /* display: block; */
  line-height: 23px;
  width: 100px;
}

.sc-title {
  font-weight: bold;
  text-align: center;
  height: 50px;
  /* background-color: black; */
  display: block;
  line-height: 50px;
  color: #000;
  /* text-decoration: underline; */
  border-bottom: 1px solid lightgray;
}

.sc-title h3 {
  font-weight: bold;
  text-align: center;
  height: 50px;
  display: block;
  line-height: 50px;
  /*color: #000;*/
  font-size: 22px;
}

.sc-cartcontent {
  height: 500px;
}

.sc-cartsubtotalDiv {
  text-align: right;
}

.sc-cartsubtotal {
  font-weight: bold;
  font-size: 22px;
  text-align: right;
  padding: 10px;
}

.sc-subtotalDiv {
  text-align: right;
  padding-right: 10px;
}

.sc-subtotal {
  font-weight: bold;
  font-size: 22px;
  text-align: right;
  padding: 10px;
}

.sc-message {
  font-style: italic;
  text-align: right;
  padding: 10px;
}

.sc-messagecartempty {
  font-style: italic;
  text-align: center;
  padding: 10px;
}

.sc-buttondiv {
  display: table;
  height: 20%;
  bottom: 0px;
  width: 500px;
  position: fixed;
}

button#sc-viewcartbutton {
  margin-top: 20px;
  border: none;
  text-decoration: none;
  font-size: 16px;
  width: 380px;
  bottom: 0px;
  right: 0px;
  border-radius: 2px;
  text-align: center;
  margin: 5px 10px;
  display: inline-block;
}

button#sc-checkoutbutton {
  margin-top: 20px;
  border: none;
  text-decoration: none;
  font-size: 16px;
  width: 380px;
  bottom: 0px;
  right: 0px;
  border-radius: 2px;
  text-align: center;
  margin: 5px 10px;
  display: inline-block;
}

.sc-buttondiv tr:first-child th:after, tr:first-child td:after {
  border-bottom: none;
}

div#sc-cartclosebtn {
  width: 25px;
  height: 25px;
  right: 10px;
  top: 10px;
  position: fixed;
  font-weight: bold;
  color: #000;
  line-height: 25px;
  cursor: pointer;
  text-align: center;
}

/*.sc-cartclosebtn:hover {
background-color: #000;
color: #fff;
}*/

.sc-cartclosebtn span {
 display: block;
    font-size: 15px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
}

.sc-cartclosebtn::before {
  background-color: #000;
}

table.sc-table li {
  list-style-type: none;
}

#sc-table tr:first-child th:after, tr:first-child td:after {
  border-bottom: 1px solid lightgray !important;
}

.sc-buttondiv tr:first-child th:after, tr:first-child td:after {
  border-bottom: none;
}

#sc-table {
  background-color: #fff;
  color: #000;
  margin-top: 5px;
  max-height: 70%;
  overflow: auto;
  border: none;
}

table#sc-table {
  height: 320px;
  display: inline-block;
  width: 100%;
  overflow: auto;
  border: none;
}

table#sc-table td {
  border: none;
  list-style: none;
}

table#sc-table tr td:nth-child(2) {
  width: 200px;
}

table#sc-buttontable {
  border: none;
}

table#sc-buttontable tr {
  border: none;
}

table#sc-buttontable td {
  border: none;
}

.sc-cartproduct {
  margin-bottom: 6px;
}

.sc-cartproductlist {
  opacity: 0;
}

#sc-cartpay {
  font-size: 100%;
  line-height: 123.07692%;
  border-radius: 50%;
  -webkit-transform: rotate(70deg);
  -ms-transform: rotate(70deg);
  transform: rotate(70deg);
  border: 2px solid red;
  bottom: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  text-decoration: none;
  right: -100px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important; */
}

#sc-cartpay > span {
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  background-color: red;
  border: 2px solid #fff;
  color: #fff;
  display: block;
  height: 70px;
  padding-top: 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 70px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

#sc-cartpay:hover {
  border-color: #303030;
}

#sc-cartpay:hover > span {
  background-color: #303030;
}

span#sc-cartprice {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 5%;
  background-color: #16161a;
  bottom: -4px;
  display: block;
  height: 21px;
  left: 50%;
  padding: 2px 8px 0;
  position: absolute;
  font-size: 13px;
}

#sc-cartpay #sc-cartpaytotal-count {
  display: none;
}

.sc-cartproduct > div .s1,
.sc-cartproduct > div .s2 {
  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%;
}

.sc-cartproduct > div del {
  display: none;
}

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

#sc-cart .sc-cartproduct > div .s1,
.sc-cartproduct.run > div .s1 {
  display: block;
}

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

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

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

.sc-cartproduct.run > div {
  border-radius: 50%;
  height: 58px !important;
  width: 58px !important;
}

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

input.sc-quantity {
  width: 30px;
  height: 30px;
  background-color: #fff !important;
  padding: 2px;
  text-align: center;
  margin: 5px;
  border: 1px solid lightgray !important;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.sc-quntitybuttonplus {
  height: 30px;
  min-width: 30px;
  background-color: #fff;
  border: none;
  font-size: 22px;
  border: 1px solid lightgray;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  color: #000!important;
  line-height:30px;
}

.sc-quntitybuttonminus {
  height: 30px;
  min-width: 30px;
  background-color: #fff;
  border: none;
  font-size: 22px;
  border: 1px solid lightgray;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  color: #000!important;   
}

span.sc-quantity {
  font-size: 15px;
  padding: 10px 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  top: -8px;
  position: relative;
}

.sc-addtocartdiv {
  width: 100%;
  z-index: 2147483647;
  height: 40px;
  position: fixed;
  bottom: 0px;
  display: table-cell;
  line-height: 40px;
}

button#sc-addtocartbtn {
  width: 100%;
  line-height: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}



/************** HTML5 Tooltip **************/
.html5tooltip-box
{
  background-color: #2A2A2A;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.15), 0 0 10px rgba(255,255,255,.15);
  color: #F7F7F7;
  cursor: default;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.html5tooltip-box:before
{
  background-color: inherit;
  box-shadow: inherit;
  content:'';
  display:block;
  height: 12px;
  position: absolute;
  width: 12px;
  transform: translate3d(-6px, -6px, 0) rotate3d(0, 0, 1, 45deg);
  left: 10px;
  top: 10px;
}
.html5tooltip-text
{
  background-color: inherit;
  border-radius: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 7px 9px;
  position: relative;
}
.html5tooltip-text a
{
  color: inherit;
}
.html5tooltip-more
{
  background-color: inherit;
  border-radius: inherit;
  position: relative;
}
.html5tooltip-more .html5tooltip-text
{
  margin-top:-7px;
}
.html5tooltip-box
{
  margin-top: 5px;
}
.html5tooltip-bottom .html5tooltip-box:before
{
  left: 50%;
  top: 0px;
  margin-top: 5px;

}
.html5tooltip-left .html5tooltip-box:before
{
  left: 100%;
  top: 50%;
}
.html5tooltip-right .html5tooltip-box:before
{
  left: 0;
  top: 50%;
}
.html5tooltip-top .html5tooltip-box:before
{
  left: 50%;
  top: 100%;
}

/****** HTML5 Tooltip Animation *******/
.html5tooltip-bottom,
.html5tooltip-left,
.html5tooltip-right,
.html5tooltip-top
{
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  -o-perspective: 300px;
  -webkit-perspective: 300px;
  perspective: 300px;
}

.html5tooltip-bottom.animating,
.html5tooltip-left.animating,
.html5tooltip-right.animating,
.html5tooltip-top.animating
{
  transition: top .3s;
}

.html5tooltip-box.animating
{
  -moz-transition: opacity .3s, -moz-transform .3s;
  -ms-transition: opacity .3s, -ms-transform .3s;
  -o-transition: opacity .3s, -o-transform .3s;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
}

.html5tooltip-more.animating
{
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  -o-transition: height .3s;
  -webkit-transition: height .3s;
  transition: height .3s;
}

/* Fadein */
.fadein-from { opacity: 0; }
.fadein-to { opacity: 1; }
/*
.fadein-from,
.fadein-to
{
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
*/
/* Scalein */
.scalein-from
{
  opacity: 0;
  -moz-transform: scale3d(.7,.7,.7);
  -ms-transform: scale3d(.7,.7,.7);
  -o-transform: scale3d(.7,.7,.7);
  -webkit-transform: scale3d(.7,.7,.7);
  transform: scale3d(.7,.7,.7);
}

.scalein-to
{
  opacity: 1;
  -moz-transform: scale3d(1,1,1);
  -ms-transform: scale3d(1,1,1);
  -o-transform: scale3d(1,1,1);
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

.html5tooltip-bottom .scalein-to
{
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.html5tooltip-left .scalein-to
{
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.html5tooltip-right .scalein-to
{
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.html5tooltip-top .scalein-to
{
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Fold */
.foldin-from,
.foldout-from { opacity: 0; }

.foldin-to,
.foldout-to
{
  opacity: 1;
  -moz-transform: rotate3d(0,0,0,0);
  -ms-transform: rotate3d(0,0,0,0);
  -o-transform: rotate3d(0,0,0,0);
  -webkit-transform: rotate3d(0,0,0,0);
  transform: rotate3d(0,0,0,0);
}

.html5tooltip-bottom .foldin-from,
.html5tooltip-top .foldout-from
{
  -moz-transform: rotate3d(1,0,0,-90deg);
  -ms-transform: rotate3d(1,0,0,-90deg);
  -o-transform: rotate3d(1,0,0,-90deg);
  -webkit-transform: rotate3d(1,0,0,-90deg);
  transform: rotate3d(1,0,0,-90deg);
}

.html5tooltip-bottom .foldin-to,
.html5tooltip-bottom .foldout-to
{
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.html5tooltip-left .foldin-from,
.html5tooltip-right .foldout-from
{
  -moz-transform: rotate3d(0,1,0,-90deg);
  -ms-transform: rotate3d(0,1,0,-90deg);
  -o-transform: rotate3d(0,1,0,-90deg);
  -webkit-transform: rotate3d(0,1,0,-90deg);
  transform: rotate3d(0,1,0,-90deg);
}

.html5tooltip-left .foldin-to,
.html5tooltip-left .foldout-to
{
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.html5tooltip-right .foldin-from,
.html5tooltip-left .foldout-from
{
  -moz-transform: rotate3d(0,1,0,90deg);
  -ms-transform: rotate3d(0,1,0,90deg);
  -o-transform: rotate3d(0,1,0,90deg);
  -webkit-transform: rotate3d(0,1,0,90deg);
  transform: rotate3d(0,1,0,90deg);
}

.html5tooltip-right .foldin-to,
.html5tooltip-right .foldout-to
{
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.html5tooltip-top .foldin-from,
.html5tooltip-bottom .foldout-from
{
  -moz-transform: rotate3d(1,0,0,90deg);
  -ms-transform: rotate3d(1,0,0,90deg);
  -o-transform: rotate3d(1,0,0,90deg);
  -webkit-transform: rotate3d(1,0,0,90deg);
  transform: rotate3d(1,0,0,90deg);
}

.html5tooltip-top .foldin-to,
.html5tooltip-top .foldout-to
{
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Slidein */
.slidein-from { opacity: 0; }

.slidein-to
{
  opacity: 1;
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.html5tooltip-bottom .slidein-from
{
  -moz-transform: translate3d(0,20px,0);
  -ms-transform: translate3d(0,20px,0);
  -o-transform: translate3d(0,20px,0);
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
}

.html5tooltip-left .slidein-from
{
  -moz-transform:  translate3d(-20px,0,0);
  -ms-transform: translate3d(-20px,0,0);
  -o-transform: translate3d(-20px,0,0);
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.html5tooltip-right .slidein-from
{
  -moz-transform:  translate3d(20px,0,0);
  -ms-transform: translate3d(20px,0,0);
  -o-transform: translate3d(20px,0,0);
  -webkit-transform: translate3d(20px,0,0);
  transform: translate3d(20px,0,0);
}

.html5tooltip-top .slidein-from
{
  -moz-transform: translate3d(0,-20px,0);
  -ms-transform: translate3d(0,-20px,0);
  -o-transform: translate3d(0,-20px,0);
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
}

/* Roll */
.roll-from { opacity: 0; }

.roll-to
{
  opacity: 1;
  -moz-transform: rotate3d(0,0,0,0);
  -ms-transform: rotate3d(0,0,0,0);
  -o-transform: rotate3d(0,0,0,0);
  -webkit-transform: rotate3d(0,0,0,0);
  transform: rotate3d(0,0,0,0);
}

.html5tooltip-bottom .roll-from
{
  -moz-transform: rotate3d(0,0,1,-30deg);
  -ms-transform: rotate3d(0,0,1,-30deg);
  -o-transform: rotate3d(0,0,1,-30deg);
  -webkit-transform: rotate3d(0,0,1,-30deg);
  transform: rotate3d(0,0,1,-30deg);
}

.html5tooltip-bottom .roll-to
{
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.html5tooltip-left .roll-from
{
  -moz-transform: rotate3d(0,0,1,30deg);
  -ms-transform: rotate3d(0,0,1,30deg);
  -o-transform: rotate3d(0,0,1,30deg);
  -webkit-transform: rotate3d(0,0,1,30deg);
  transform: rotate3d(0,0,1,30deg);
}

.html5tooltip-left .roll-to
{
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.html5tooltip-right .roll-from
{
  -moz-transform: rotate3d(0,0,1,-30deg);
  -ms-transform: rotate3d(0,0,1,-30deg);
  -o-transform: rotate3d(0,0,1,-30deg);
  -webkit-transform: rotate3d(0,0,1,-30deg);
  transform: rotate3d(0,0,1,-30deg);
}

.html5tooltip-right .roll-to
{
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.html5tooltip-top .roll-from
{
  -moz-transform: rotate3d(0,0,1,30deg);
  -ms-transform: rotate3d(0,0,1,30deg);
  -o-transform: rotate3d(0,0,1,30deg);
  -webkit-transform: rotate3d(0,0,1,30deg);
  transform: rotate3d(0,0,1,30deg);
}

.html5tooltip-top .roll-to
{
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Spin */
.spin-from { opacity: 0; }

.spin-to
{
  opacity: 1;
  -moz-transform: rotate3d(0,0,0,0) translate3d(0,0,0);
  -ms-transform: rotate3d(0,0,0,0) translate3d(0,0,0);
  -o-transform: rotate3d(0,0,0,0) translate3d(0,0,0);
  -webkit-transform: rotate3d(0,0,0,0) translate3d(0,0,0);
  transform: rotate3d(0,0,0,0) translate3d(0,0,0);
}

.html5tooltip-bottom .spin-from
{
  -moz-transform: rotate3d(0,1,0,90deg) translate3d(0,20px,0);
  -ms-transform: rotate3d(0,1,0,90deg) translate3d(0,20px,0);
  -o-transform: rotate3d(0,1,0,90deg) translate3d(0,20px,0);
  -webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,20px,0);
  transform: rotate3d(0,1,0,90deg) translate3d(0,20px,0);
}

.html5tooltip-left .spin-from
{
  -moz-transform: rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);
  -ms-transform: rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);
  -o-transform: rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);
  -webkit-transform: rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);
  transform: rotate3d(1,0,0,-90deg) translate3d(-20px,0,0);
}

.html5tooltip-right .spin-from
{
  -moz-transform: rotate3d(1,0,0,-90deg) translate3d(20px,0,0);
  -ms-transform: rotate3d(1,0,0,-90deg) translate3d(20px,0,0);
  -o-transform: rotate3d(1,0,0,-90deg) translate3d(20px,0,0);
  -webkit-transform: rotate3d(1,0,0,-90deg) translate3d(20px,0,0);
  transform: rotate3d(1,0,0,-90deg) translate3d(20px,0,0);
}

.html5tooltip-top .spin-from
{
  -moz-transform: rotate3d(0,1,0,90deg) translate3d(0,-20px,0);
  -ms-transform: rotate3d(0,1,0,90deg) translate3d(0,-20px,0);
  -o-transform: rotate3d(0,1,0,90deg) translate3d(0,-20px,0);
  -webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,-20px,0);
  transform: rotate3d(0,1,0,90deg) translate3d(0,-20px,0);
}

/************ HOVER ANIMATIONS **************/
/* Fade */

/*.carticon:hover, .carticon:focus, .carticon:active {
background-color: #2098D1!important;
color: white;
padding: 5px;
border-radius: 50%;
}*/


.ajaxified-cart-feedback {
  display: block;
  line-height: 36px;
  font-size: 90%;
  vertical-align: middle;
}
.ajaxified-cart-feedback.success { 
  color: #3D9970;
}
.ajaxified-cart-feedback.error { 
  color: #FF4136; 
} 
.ajaxified-cart-feedback a {
  border-bottom: 1px solid;
}

/*********** FLIPCLOCK ****************/
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.flip-clock-wrapper:after {
  clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/*********FLIPCLOCK END ***********/

.row::after {
  content: "";
  clear: both;
  display: table;
}
[class*="col-"] {
  float: left;
  padding: 1px;
  /*border: 1px solid lightgray;*/
  margin-top: 2px;

}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

#likeselement:hover
{
  opacity: 0.5;
}

/********** FLIPCLOCK TIMER **************/
@-webkit-keyframes flipTop {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(-90deg); } }

@-webkit-keyframes flipBottom {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipTop {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(-90deg); } }

@-moz-keyframes flipBottom {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipTop {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg); }

  100% {
    -ms-transform: perspective(400px) rotateX(-90deg); } }

@-ms-keyframes flipBottom {
  0% {
    -ms-transform: perspective(400px) rotateX(90deg); }

  100% {
    -ms-transform: perspective(400px) rotateX(0deg); } }

@-keyframes flipTop {
  0% {
    transform: perspective(400px) rotateX(0deg); }

  100% {
    transform: perspective(400px) rotateX(-90deg); } }

@-keyframes flipBottom {
  0% {
    transform: perspective(400px) rotateX(90deg); }

  100% {
    transform: perspective(400px) rotateX(0deg); } }

.flipTimer {
  color: #FFF;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 45px;
  font-weight: bold;
  line-height: 50px;
  width: 150%;
  height: 80px; }
.flipTimer .seperator {
  vertical-align: top;
  margin: 0 -20px;
  display: inline; }
.flipTimer .seconds,
.flipTimer .minutes,
.flipTimer .hours,
.flipTimer .days {
  height: 100%;
  display: inline; 
  margin-right: 10px;
}



.flipTimer .digit-set {
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  border: 1px solid #111111;
  width: 35px;
  height: 50px;
  display: inline-block;
  position: relative;
  margin: 0 1px; }
.flipTimer .digit {
  position: absolute;
  height: 100%; }
.flipTimer .digit > div {
  position: absolute;
  left: 0;
  overflow: hidden;
  height: 50%;
  padding: 0 5px; }
.flipTimer .digit > div.digit-top, .flipTimer .digit > div.shadow-top {
  background-color: #333;
  border-bottom: 1px solid #333;
  box-sizing: border-box;
  top: 0;
  z-index: 0;
  border-radius: 10px 10px 0 0; }
.flipTimer .digit > div.digit-top:before, .flipTimer .digit > div.shadow-top:before {
  content: "";
  box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.flipTimer .digit > div.shadow-top {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(black));
  width: 35px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in; }
.flipTimer .digit > div.digit-bottom, .flipTimer .digit > div.shadow-bottom {
  background-color: #333;
  bottom: 0;
  z-index: 0;
  border-radius: 0 0 7px 7px; }
.flipTimer .digit > div.digit-bottom .digit-wrap, .flipTimer .digit > div.shadow-bottom .digit-wrap {
  display: block;
  margin-top: -100%; }
.flipTimer .digit > div.digit-bottom:before, .flipTimer .digit > div.shadow-bottom:before {
  content: "";
  box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 7px 7px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.flipTimer .digit > div.shadow-bottom {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0)));
  width: 35px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in; }
.flipTimer .digit.previous .digit-top,
.flipTimer .digit.previous .shadow-top {
  opacity: 1;
  z-index: 2;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: flipTop 0.3s ease-in both;
  -moz-transform-origin: 50% 100%;
  -moz-animation: flipTop 0.3s ease-in both;
  -ms-transform-origin: 50% 100%;
  -ms-animation: flipTop 0.3s ease-in both;
  transform-origin: 50% 100%;
  animation: flipTop 0.3s ease-in both; }
.flipTimer .digit.previous .digit-bottom,
.flipTimer .digit.previous .shadow-bottom {
  z-index: 1;
  opacity: 1; }
.flipTimer .digit.active .digit-top {
  z-index: 1; }
.flipTimer .digit.active .digit-bottom {
  z-index: 2;
  -webkit-transform-origin: 50% 0%;
  -webkit-animation: flipBottom 0.3s 0.3s ease-out both;
  -moz-transform-origin: 50% 0%;
  -moz-animation: flipBottom 0.3s 0.3s ease-out both;
  -ms-transform-origin: 50% 0%;
  -ms-animation: flipBottom 0.3s 0.3s ease-out both;
  transform-origin: 50% 0%;
  animation: flipBottom 0.3s 0.3s ease-out both; }

.fliptimer-text
{
  float:left;
  color: #000;
  font-size: 18px;

}

.flipTimer ul
{
  margin: 0px;
  float:left;
  margin-bottom: 2px;
  list-style-type: none!important;
  height: 80px;
  padding: 0px!important;
}
/*******************************/
.sc-carticon
{
  position: fixed;
  /*top: 0px;
  right: 0px;*/
  z-index: 2147483647;
  background-color: #A60000;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 2px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: block;
  text-align: center;
  line-height: 60px;
  cursor: pointer;

}

.sc-carticon span
{
  font-size: 28px;
  text-align: center;
}

.sc-carticon:hover
{
  opacity: 0.6;
}

span#sc-cartcounter
{
  position:absolute;
  top: 5px;
  right:5px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  width: 20px;
  height: 20px;
  line-height:20px;
  border-radius:50%;
  z-index: 2147483647;
}

div#sc-addtocartpopup
{
  display:none;
}

/*table#sc-stickyatcbartable
{
  border:none!important;
}
table#sc-stickyatcbartable td
{
  border:none!important;
}
div#sc-stickyatcbar
{
  width: 100%;
  height: 100px;
  z-index: 2147483647;
  background-color: #fff;
  color: #000;
  position: fixed;
  top: 0px;
  left:0px;
  right: 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}*/

table#sc-table a {
    color: #000;
}

table#sc-table a:hover {
    opacity: 0.7;
}
@media screen and (max-width: 600px) and (min-width: 301px)   
{
  .hero.hero--1491964039997.hero--x-large {

    background-size: 100% 100%;
    height: 250px;
  }
}


/************ RESPONSIVE GRID **********/
    @charset "UTF-8";
    /*-----------------------------------*\
    $TOAST-GRID
    An insane grid.
    You'd be mad to use it.
    Usage
    =====
    Assuming default values:
    <div class="grid">
    <div class="grid__col grid__col--1-of-2">
    A half-width column.
    </div>
    <div class="grid__col grid__col--1-of-4 grid__col--pull-1-of-4">
    A quarter, pulled left by its own width. You get this, right?
    </div>
    </div>
    Customisation
    =============
    $toast-grid-namespace and $toast-grid-column-namespace
    adjusts the class names for the grid. With
    default values, grid wrappers have a class
    of '.grid' and columns '.grid__col'.
    $toast-col-groups(n) adjusts column divisions.
    For example, $toast-col-groups(12) will produce
    a 12-column grid. $col-groups(3,6,8)
    will produce a 3-, 6-, and 8-column grid.
    $toast-gutter-width is—you guessed it—the gutter
    width. Accepts any unit.
    That's it. Have fun.
    \*-----------------------------------*/
    .grid {
      list-style: none;
      margin-left: -20px; }

    .grid__col--2-of-2, .grid__col--3-of-3, .grid__col--4-of-4, .grid__col--5-of-5, .grid__col--6-of-6, .grid__col--8-of-8, .grid__col--12-of-12 {
      width: 100%; }

    .grid__col--1-of-2, .grid__col--2-of-4, .grid__col--3-of-6, .grid__col--4-of-8, .grid__col--6-of-12 {
      width: 50%; }

    .grid__col--1-of-3, .grid__col--2-of-6, .grid__col--4-of-12 {
      width: 33.33333%; }

    .grid__col--2-of-3, .grid__col--4-of-6, .grid__col--8-of-12 {
      width: 66.66667%; }

    .grid__col--1-of-4, .grid__col--2-of-8, .grid__col--3-of-12 {
      width: 25%; }

    .grid__col--3-of-4, .grid__col--6-of-8, .grid__col--9-of-12 {
      width: 75%; }

    .grid__col--push-2-of-2, .grid__col--push-3-of-3, .grid__col--push-4-of-4, .grid__col--push-5-of-5, .grid__col--push-6-of-6, .grid__col--push-8-of-8, .grid__col--push-12-of-12 {
      margin-left: 100%; }

    .grid__col--push-1-of-2, .grid__col--push-2-of-4, .grid__col--push-3-of-6, .grid__col--push-4-of-8, .grid__col--push-6-of-12 {
      margin-left: 50%; }

    .grid__col--push-1-of-3, .grid__col--push-2-of-6, .grid__col--push-4-of-12 {
      margin-left: 33.33333%; }

    .grid__col--push-2-of-3, .grid__col--push-4-of-6, .grid__col--push-8-of-12 {
      margin-left: 66.66667%; }

    .grid__col--push-1-of-4, .grid__col--push-2-of-8, .grid__col--push-3-of-12 {
      margin-left: 25%; }

    .grid__col--push-3-of-4, .grid__col--push-6-of-8, .grid__col--push-9-of-12 {
      margin-left: 75%; }

    .grid__col--pull-2-of-2, .grid__col--pull-3-of-3, .grid__col--pull-4-of-4, .grid__col--pull-5-of-5, .grid__col--pull-6-of-6, .grid__col--pull-8-of-8, .grid__col--pull-12-of-12 {
      margin-left: -100%; }

    .grid__col--pull-1-of-2, .grid__col--pull-2-of-4, .grid__col--pull-3-of-6, .grid__col--pull-4-of-8, .grid__col--pull-6-of-12 {
      margin-left: -50%; }

    .grid__col--pull-1-of-3, .grid__col--pull-2-of-6, .grid__col--pull-4-of-12 {
      margin-left: -33.33333%; }

    .grid__col--pull-2-of-3, .grid__col--pull-4-of-6, .grid__col--pull-8-of-12 {
      margin-left: -66.66667%; }

    .grid__col--pull-1-of-4, .grid__col--pull-2-of-8, .grid__col--pull-3-of-12 {
      margin-left: -25%; }

    .grid__col--pull-3-of-4, .grid__col--pull-6-of-8, .grid__col--pull-9-of-12 {
      margin-left: -75%; }

    .grid__col--1-of-5 {
      width: 20%; }

    .grid__col--push-1-of-5 {
      margin-left: 20%; }

    .grid__col--pull-1-of-5 {
      margin-left: -20%; }

    .grid__col--2-of-5 {
      width: 40%; }

    .grid__col--push-2-of-5 {
      margin-left: 40%; }

    .grid__col--pull-2-of-5 {
      margin-left: -40%; }

    .grid__col--3-of-5 {
      width: 60%; }

    .grid__col--push-3-of-5 {
      margin-left: 60%; }

    .grid__col--pull-3-of-5 {
      margin-left: -60%; }

    .grid__col--4-of-5 {
      width: 80%; }

    .grid__col--push-4-of-5 {
      margin-left: 80%; }

    .grid__col--pull-4-of-5 {
      margin-left: -80%; }

    .grid__col--1-of-6 {
      width: 16.66667%; }

    .grid__col--push-1-of-6 {
      margin-left: 16.66667%; }

    .grid__col--pull-1-of-6 {
      margin-left: -16.66667%; }

    .grid__col--5-of-6 {
      width: 83.33333%; }

    .grid__col--push-5-of-6 {
      margin-left: 83.33333%; }

    .grid__col--pull-5-of-6 {
      margin-left: -83.33333%; }

    .grid__col--1-of-8 {
      width: 12.5%; }

    .grid__col--push-1-of-8 {
      margin-left: 12.5%; }

    .grid__col--pull-1-of-8 {
      margin-left: -12.5%; }

    .grid__col--3-of-8 {
      width: 37.5%; }

    .grid__col--push-3-of-8 {
      margin-left: 37.5%; }

    .grid__col--pull-3-of-8 {
      margin-left: -37.5%; }

    .grid__col--5-of-8 {
      width: 62.5%; }

    .grid__col--push-5-of-8 {
      margin-left: 62.5%; }

    .grid__col--pull-5-of-8 {
      margin-left: -62.5%; }

    .grid__col--7-of-8 {
      width: 87.5%; }

    .grid__col--push-7-of-8 {
      margin-left: 87.5%; }

    .grid__col--pull-7-of-8 {
      margin-left: -87.5%; }

    .grid__col--1-of-12 {
      width: 8.33333%; }

    .grid__col--push-1-of-12 {
      margin-left: 8.33333%; }

    .grid__col--pull-1-of-12 {
      margin-left: -8.33333%; }

    .grid__col--2-of-12 {
      width: 16.66667%; }

    .grid__col--push-2-of-12 {
      margin-left: 16.66667%; }

    .grid__col--pull-2-of-12 {
      margin-left: -16.66667%; }

    .grid__col--5-of-12 {
      width: 41.66667%; }

    .grid__col--push-5-of-12 {
      margin-left: 41.66667%; }

    .grid__col--pull-5-of-12 {
      margin-left: -41.66667%; }

    .grid__col--7-of-12 {
      width: 58.33333%; }

    .grid__col--push-7-of-12 {
      margin-left: 58.33333%; }

    .grid__col--pull-7-of-12 {
      margin-left: -58.33333%; }

    .grid__col--10-of-12 {
      width: 83.33333%; }

    .grid__col--push-10-of-12 {
      margin-left: 83.33333%; }

    .grid__col--pull-10-of-12 {
      margin-left: -83.33333%; }

    .grid__col--11-of-12 {
      width: 91.66667%; }

    .grid__col--push-11-of-12 {
      margin-left: 91.66667%; }

    .grid__col--pull-11-of-12 {
      margin-left: -91.66667%; }

    .grid__col {
      box-sizing: border-box;
      display: inline-block;
      margin-right: -.25em;
      min-height: 1px;
      padding-left: 20px;
      vertical-align: top; }
    @media (max-width: 700px) {
      .grid__col {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: auto; } }
    @media (max-width: 700px) and (min-width: 480px) {
      .grid__col[class*="grid__col--m-"] {
        display: inline-block;
        margin-right: -.24em; }
      .grid__col.grid__col--m-1-of-2, .grid__col.grid__col--m-2-of-4 {
        width: 50%; }
      .grid__col.grid__col--m-1-of-3 {
        width: 33.33333%; }
      .grid__col.grid__col--m-2-of-3 {
        width: 66.66667%; }
      .grid__col.grid__col--m-1-of-4 {
        width: 25%; }
      .grid__col.grid__col--m-3-of-4 {
        width: 75%; } }
    @media (max-width: 480px) {
      .grid__col[class*="grid__col--s-"] {
        display: inline-block;
        margin-right: -.24em; }
      .grid__col.grid__col--s-1-of-2, .grid__col.grid__col--s-2-of-4 {
        width: 50%; }
      .grid__col.grid__col--s-1-of-3 {
        width: 33.33333%; }
      .grid__col.grid__col--s-2-of-3 {
        width: 66.66667%; }
      .grid__col.grid__col--s-1-of-4 {
        width: 25%; }
      .grid__col.grid__col--s-3-of-4 {
        width: 75%; } }

    .grid__col--centered {
      display: block;
      margin-left: auto;
      margin-right: auto; }

    .grid__col--d-first {
      float: left; }

    .grid__col--d-last {
      float: right; }

    .grid--no-gutter {
      margin-left: 0;
      width: 100%; }
    .grid--no-gutter .grid__col {
      padding-left: 0; }
    .grid--no-gutter .grid__col--span-all {
      margin-left: 0;
      width: 100%; }

    .grid__col--ab {
      vertical-align: bottom; }

    .grid__col--am {
      vertical-align: middle; }

    /*# sourceMappingURL=grid.css.map */
    /********************************/
div#instantcart-addtocartpopup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
div#instantcart-addtocartpopupcontent {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 350px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
span#instantcart-closebtn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align:30px;
  text-align:center;
  background-color: #000;
}

span#instantcart-closebtn:hover,
span#instantcart-closebtn:focus {
    color: #EAEAEA;
    text-decoration: none;
    cursor: pointer;
}

div#instantcart-addtocartpopupcontent button
{
  margin: 5px;
}

div#stickyaddtocartbar
{
  position: fixed;
  top: 0px;
  left: 0px; 
  right: 0px;
  height: 100px;
  background-color: #fff;
  color: #000;
  display: none;
    
}
span#ic-qtyplusbtn
{
  min-width; 10px;
  border: 1px solid #EAEAEA;
  background-color: #EAEAEA;
  cursor: pointer;
  padding: 5px;
}
span#ic-qtyminusbtn
{
  min-width; 10px;
  border: 1px solid #EAEAEA;
  background-color: #EAEAEA;
  cursor: pointer;
  padding: 5px;
}
input#Quantity
{
  width: 50px;
  color: #000;
  padding: 7px!important;
  text-align:center;
  
  background-color: #fff;  
  margin-bottom: 10px;
  margin-left: 5px; margin-right: 5px;
}
div#ic-quantityselector
{
  width:40%;
  display: inline-block;
  margin-right: 10%;
}


/*.product-form__item.product-form__item--submit
{
 width: 100%;
}

.additional-checkout-buttons {
    margin-top: 5px!important;
}

.product-single__description.rte {
    margin-top: -40px!important;
}

.product-description-slider h3 {
    margin: 5px!important;
}
.product-description-slider h1
{
  margin-top: 3px!important;
}
.product-description-slider h2
{
  margin-top: 3px!important;
}

.limespot-recommendation-box.theme-neat {
  
    margin-top: 40px!important;
}*/

.esc-size-guide {
    margin-top: 70px;
}

button#cbp-quickcheckoutbtn
{
  margin-left: 0px!important;
}

/*nav#AccessibleNav
{
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  background-color: #fff;
  height:60px;
  z-index: 15000;
}*/

.product-description-slider {    
    margin-top: 30px;
}