#ampromo-items button { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; display: block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-size: 1rem; line-height: 36px; line-height: 2.25rem; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 0 .12px; padding: 0 .75rem; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); }

#ampromo-items button:before { background: #000; bottom: 0; content: ''; left: 0; position: absolute; top: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; width: 100%; z-index: -1; }

#ampromo-items button:not([disabled]):hover:before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }

#ampromo-items button[disabled] { background: #f9f9f9; border-color: #f9f9f9; color: #7a7a7a; cursor: not-allowed; }

#ampromo-items button { background-color: #e97405; border: 2px solid #e97405; color: #fff; font-weight: bold; line-height: 46px; line-height: 2.875rem; padding: 0 20px; padding: 0 1.25rem; /* 20/16 */ overflow: hidden; text-transform: uppercase; }

#ampromo-items button:before { background: #fff; }

#ampromo-items button:not([disabled]):hover { color: #e97405; }

@-webkit-keyframes fadeSlideUp { 0% { opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  100% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-o-keyframes fadeSlideUp { 0% { opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 10%, 0); }
  100% { opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeSlideUp { 0% { opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0); }
  100% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeSlideUpBanner { 0% { opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  100% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-o-keyframes fadeSlideUpBanner { 0% { opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 20px, 0); }
  100% { opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeSlideUpBanner { 0% { opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  100% { opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeIn { 0% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@-o-keyframes fadeIn { 0% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@keyframes fadeIn { 0% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@-webkit-keyframes fadeInfadeOut { from { opacity: 0; } }

@-o-keyframes fadeInfadeOut { from { opacity: 0; } }

@keyframes fadeInfadeOut { from { opacity: 0; } }

@-webkit-keyframes moveUpDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@-o-keyframes moveUpDown { 0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, 20px, 0); }
  100% { transform: translate3d(0, 0, 0); } }

@keyframes moveUpDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideDownFade { 0% { opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    visibility: hidden; }
  50% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    visibility: hidden; } }

@-o-keyframes slideDownFade { 0% { opacity: 0;
    -o-transform: translateY(-10px);
       transform: translateY(-10px);
    visibility: hidden; }
  50% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    -o-transform: translateY(5px);
       transform: translateY(5px);
    visibility: hidden; } }

@keyframes slideDownFade { 0% { opacity: 0;
    -webkit-transform: translateY(-10px);
         -o-transform: translateY(-10px);
            transform: translateY(-10px);
    visibility: hidden; }
  50% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    -webkit-transform: translateY(5px);
         -o-transform: translateY(5px);
            transform: translateY(5px);
    visibility: hidden; } }

/* Overlay */
#ampromo-items-add { background: #f9f9f9; clear: both; margin-bottom: 12px; text-align: center; }

#ampromo-items-add a { border-bottom: 1px dashed; font-family: 'Helvetica', Arial; font-weight: bold; letter-spacing: -1px; text-decoration: none; }

.amscheckout #ampromo-items-add { margin: 7px 10px; }

#ampromo-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; overflow: auto; z-index: 10000; text-align: center; direction: ltr; }

#ampromo-overlay .ampromo-item-options dt { margin-top: 10px; }

#ampromo-overlay .close { display: block; position: absolute; top: 15px; right: 20px; height: 20px; width: 20px; cursor: pointer; font-family: 'icomoon'; overflow: hidden; }

#ampromo-overlay .close:after { content: "\e604"; color: #333; position: absolute; text-indent: 0; right: 0; font-size: 20px; font-style: normal; line-height: 1; }

@media only screen and (max-width: 820px) and (min-width: 420px) { body #ampromo-items.amcarousel { width: 400px; }
  body .amcarousel #ampromo-carousel-wrapper { width: 250px; } }

@media only screen and (max-width: 420px) { body #ampromo-items.amcarousel { width: 95%; }
  body .amcarousel #ampromo-carousel-wrapper { width: 250px; }
  body .ampromo-carousel-control.prev { left: 0px; }
  body .ampromo-carousel-control { z-index: 10001; } }

@media only screen and (max-height: 500px) { body #ampromo-items.amcarousel { top: 0 !important; height: 100%; }
  body #ampromo-items { padding-top: 0; } }

/* Items */
#ampromo-items { border: 1px solid #ededed; -webkit-border-radius: 3px; border-radius: 3px; background-color: white; display: inline-block; margin: 0 auto; padding: 24px; position: relative; }

#ampromo-items.amcarousel { display: block; width: 685px; }

#ampromo-items .slide + .slide { margin-left: 10px; }

#ampromo-items .ampromo-item { background: #f9f9f9; border: 1px solid #d5d2ca; margin-bottom: 7px; padding: 20px; position: relative; width: 250px; }

#ampromo-items .ampromo-item-options { margin-bottom: 12px; text-align: left; }

#ampromo-items .ampromo-item-image { display: block; margin: 0 auto; width: 160px; height: 160px; }

/* Carousel */
.amcarousel #ampromo-carousel-wrapper { width: 520px; }

#ampromo-carousel-wrapper { overflow: hidden; margin: 0 auto; }

.amcarousel #ampromo-carousel-content { width: 6500px; height: 1px; }

#ampromo-carousel-content .slide { float: left; }

.amcarousel .ampromo-carousel-control { display: block; }

.ampromo-carousel-control { cursor: pointer; font-family: 'icomoon'; display: none; height: 40px; left: 0; margin-top: -20px; overflow: hidden; position: absolute; top: 50%; text-indent: -9999px; width: 40px; z-index: 1; }

.ampromo-carousel-control.next { left: auto; right: 0; }

.ampromo-carousel-control:after { color: #333; font-size: 20px; font-style: normal; line-height: 40px; margin-right: -10px; position: absolute; right: 50%; text-indent: 0; }

.ampromo-carousel-control.prev:after { content: "\e605"; }

.ampromo-carousel-control.next:after { content: "\e608"; }

.ampromo-carousel-control.carousel-disabled { opacity: 0; }

.amcarousel .ampromo-carousel-control { background-color: #e97405; }

.amcarousel .ampromo-carousel-control { left: 15px; }

.amcarousel .ampromo-carousel-control.prev { left: 15px; }

.ampromo-carousel-control.next { right: 15px; left: auto; }

.ampromo-carousel-control:after { color: #fff; }

.ampromo-item .qty-holder { display: none; }

.ampromo-item-options select, .ampromo-item-options input { max-width: 210px; }

.ampromo-notification { padding: 7px; text-align: center; margin-bottom: 12px; border: 1px solid #f16048; color: #df280a; background: #faebe7; }

.ampromo_items_form h4 { font-size: 20px; padding-bottom: 15px; }

.ampromo_items_form h4 span { text-transform: uppercase; }

#ampromo-items > h4 { font-size: 18px; margin: 16px 0 0; }

#ampromo-items > p { margin: 5px 0 15px; }

#ampromo-carousel-wrapper .writtenlogo .product-name { font-size: 24px; font-size: 1.5rem; }

.ampromo_items_form h4 a { display: inline-block; vertical-align: middle; line-height: 14px; }

.ampromo-item-options .input-box .amconf-images-container + select { display: none; }
/*# sourceMappingURL=styles.css.map */