@charset "UTF-8";

#hamburgernv {
  display : block;
  position: fixed;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  z-index: 1039;
}
#hamburgernv span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition   : 0.5s ease-in-out;
  transition        : 0.5s ease-in-out;
}
#hamburgernv span:nth-child(1) {
  top: 10px;
}
#hamburgernv span:nth-child(2) {
  top: 20px;
}
#hamburgernv span:nth-child(3) {
  top: 30px;
}
#hamburgernv.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background : #fff;
  -webkit-transform: rotate(315deg);
  -moz-transform   : rotate(315deg);
  transform        : rotate(315deg);
}
#hamburgernv.active span:nth-child(2),
#hamburgernv.active span:nth-child(3) {
  top: 16px;
  background : #fff;
  -webkit-transform: rotate(-315deg);
  -moz-transform   : rotate(-315deg);
  transform        : rotate(-315deg);
}


#gn {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 1038;
  width: 100%;
  height:100%;
  /*background: #25bdcf;*/
  background: rgba(51,36,36,0.95);
  transition: .5s cubic-bezier(.645,.045,.355,1);
}
#gn.active {
  pointer-events: auto;
  transform: translateX(-70%);
}
@media (max-width: 767.98px) {
  #gn.active {
    transform: translateX(-85%);
  }
}

#gn ul {
  margin-left: -30%;
}
@media (max-width: 767.98px) {
  #gn ul {
    margin-left: -15%;
  }
}


#carouselControls,
#carouselControls .carousel-inner {
  /*max-height: 480px;*/
}

a.img-wrap {
  overflow: hidden;
  display : block;
}
a.img-wrap img {
  width: 100%;
  transition-duration: .3s;
}
a.img-wrap:hover img {
  transform: scale(1.2);
  transition-duration: .3s;
}


@media screen and (max-width: 44.9375em) {
  #carouselControls,
  #carouselControls .carousel-inner {
    /*padding-top: 65px;*/
  }
}


/* Define how SqPaymentForm iframes should look */
.sq-input {
  border: 1px solid rgb(223, 223, 223);
  outline-offset: -2px;
  margin-bottom: 5px;
  display: inline-block;
}

/* Define how SqPaymentForm iframes should look when they have focus */
.sq-input--focus {
  outline: 5px auto rgb(59, 153, 252);
}

/* Define how SqPaymentForm iframes should look when they contain invalid values */
.sq-input--error {
  outline: 5px auto rgb(255, 97, 97);
}

/* Customize the "Pay with Credit Card" button */
.button-credit-card {
  min-width: 200px;
  min-height: 20px;
  padding: 0;
  margin: 5px;
  line-height: 20px;
  box-shadow: 2px 2px 1px rgb(200, 200, 200);
  background: rgb(255, 255, 255);
  border-radius: 5px;
  border: 1px solid rgb(200, 200, 200);
  font-weight: bold;
  cursor:pointer;
}


/* Customize the "{{Wallet}} not enabled" message */
.wallet-not-enabled {
  min-width: 200px;
  min-height: 40px;
  max-height: 64px;
  padding: 0;
  margin: 10px;
  line-height: 40px;
  background: #eee;
  border-radius: 5px;
  font-weight: lighter;
  font-style: italic;
  font-family: inherit;
  display: block;
}

/* Customize the Apple Pay on the Web button */
.button-apple-pay {
  min-width: 200px;
  min-height: 40px;
  max-height: 64px;
  padding: 0;
  margin: 10px;
  background-image: -webkit-named-image(apple-pay-logo-white);
  background-color: black;
  background-size: 100% 60%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 5px;
  cursor:pointer;
  display: none;
}

/* Customize the Masterpass button */
.button-masterpass {
  min-width: 200px;
  min-height: 40px;
  max-height: 40px;
  padding: 0;
  margin: 10px;
  background-image: url(https://static.masterpass.com/dyn/img/btn/global/mp_chk_btn_147x034px.svg);
  background-color: black;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 5px;
  border-color: rgb(255, 255, 255);
  cursor:pointer;
  display: none;
}

#sq-walletbox {
  float:left;
  margin:5px;
  padding:10px;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
}

#sq-ccbox {
  float:left;
  margin:5px;
  padding:10px;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
}

#box-alert {
  background-color: #e74c3c;
  animation: box-alert 10s infinite;
  -webkit-animation: box-alert 10s infinite;
  color: #fff;
  border-radius: 20px;
}
@-webkit-keyframes box-alert {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
@keyframes box-alert {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}

#box-alertclose {
  background-color: #555;
  color: #fff;
  border-radius: 20px;
}