.recipopWidget .adimoButton, .adimoContextualWidget .adimoButton, .adimoWidget .adimoButton, .adimoContextualWidget .adimoButton { font-size: 5px; margin: 0 !important; padding: 0 !important; outline: none !important; display: inline-block !important; width: 35.25em; height: 8.25em; cursor: pointer; } .type-bin{ background: url('buy_now.png'); background-size:100%; } .type-atb{ background-image: url('add_to_basket.png'); background-size:100%; } .recipopWidget .adimoButton .adimoLogo strong, .adimoWidget .adimoButton .adimoLogo strong, .adimoContextualWidget .adimoButton .adimoLogo strong { position: absolute !important; left: -99999px !important; top: -99999px !important; } .recipopWidget .adimoButton .adimoMessage, .adimoWidget .adimoButton .adimoMessage, .adimoContextualWidget .adimoButton .adimoMessage { margin: 0 !important; padding: 0 !important; display: inline-block !important; line-height: 33px !important; height: 33px !important; border-left: 1px solid #D4D4D4 !important; padding-left: 15px !important; padding-right: 10px !important; vertical-align: top !important; color: #3C3C3C !important; font-family: Avenir, 'Avenir Next', Helvetica, Arial, Sans-Serif !important; font-size: 12px !important; } .recipopWidget .adimoButton .adimoExpand, .adimoWidget .adimoButton .adimoExpand, .adimoContextualWidget .adimoButton .adimoExpand { margin: 0 !important; padding: 0 !important; display: inline-block !important; width: 22px !important; height: 22px !important; border: 1px solid #D4D4D4 !important; border-radius: 12px !important; margin: 5px 8px 0 0 !important; background: url(plus.png) center center no-repeat !important; } .recipopWidget .adimoButton .adimoOffer, .adimoWidget .adimoButton .adimoOffer, .adimoContextualWidget .adimoButton .adimoOffer { margin: 0 !important; padding: 0 !important; display: inline-block !important; line-height: 33px !important; height: 33px !important; padding-right: 10px !important; vertical-align: top !important; color: #3C3C3C !important; font-family: Avenir, 'Avenir Next', Helvetica, Arial, Sans-Serif !important; font-size: 12px !important; color: #10D3C4 !important; font-weight: bold !important; white-space: nowrap !important; } .recipopWidget.opened .adimoButton .adimoExpand, .adimoWidget.opened .adimoButton .adimoExpand, .adimoContextualWidget.opened .adimoButton .adimoExpand { background-image: url(minus.png) !important; } .recipopWidget.adimoAjaxLoading .adimoButton .adimoExpand, .adimoWidget.adimoAjaxLoading .adimoButton .adimoExpand, .adimoContextualWidget.adimoAjaxLoading .adimoButton .adimoExpand { background-image: url(ajax.gif) !important; } .adimoLink.adimoAjaxLoading { background-image: url(ajax.gif) !important; padding-right:20px !important; background-position:right top !important; background-repeat:no-repeat !important; border-bottom:none !important; } .recipopWidget.adimoSmall .adimoButton .adimoMessage .extraMessage, .adimoWidget.adimoSmall .adimoButton .adimoMessage .extraMessage, .adimoContextualWidget.adimoSmall .adimoButton .adimoMessage .extraMessage { display: none !important; } .recipopWidget.adimoTiny .adimoButton .adimoMessage, .adimoWidget.adimoTiny .adimoButton .adimoMessage, .recipopWidget.adimoMicro .adimoButton .adimoMessage, .adimoWidget.adimoMicro .adimoButton .adimoMessage, .recipopContextualWidget.adimoTiny .adimoButton .adimoMessage, .adimoContextualWidget.adimoMicro .adimoButton .adimoMessage { display: none !important; } .recipopWidget.adimoMedium .adimoButton .adimoLogo, .recipopWidget.adimoSmall .adimoButton .adimoLogo, .recipopWidget.adimoTiny .adimoButton .adimoLogo, .recipopWidget.adimoMicro .adimoButton .adimoLogo, .adimoWidget.adimoMedium .adimoButton .adimoLogo, .adimoWidget.adimoSmall .adimoButton .adimoLogo, .adimoWidget.adimoTiny .adimoButton .adimoLogo, .adimoWidget.adimoMicro .adimoButton .adimoLogo, .recipopWidgetContextualWidget.adimoMedium .adimoButton .adimoLogo, .recipopWidgetContextualWidget.adimoSmall .adimoButton .adimoLogo, .recipopWidgetContextualWidget.adimoTiny .adimoButton .adimoLogo, .recipopWidgetContextualWidget.adimoMicro .adimoButton .adimoLogo { background: url(adimo_basket.png) left top no-repeat !important; width: 17px !important; } .recipopWidget.adimoMicro .adimoButton .adimoOffer, .adimoWidget.adimoMicro .adimoButton .adimoOffer, .adimoContextualWidget.adimoMicro .adimoButton .adimoOffer { display: none !important; } .adimoPopup, .recipopPopup { margin: 0 !important; padding: 0 !important; visibility: hidden !important; position: absolute !important; padding-bottom: 30px !important; z-index: 2147483645 !important; opacity: 0 !important; -moz-transition: opacity .20s ease-in-out, visibility .20s ease-in-out !important; -webkit-transition: opacity .20s ease-in-out, visibility .20s ease-in-out !important; transition: opacity .20s ease-in-out, visibility .20s ease-in-out !important; -webkit-transform: translate3d(0, 0, 0) !important; } .adimoPopup.opened, .recipopPopup.opened { visibility: visible !important; opacity: 1 !important; -moz-transition: opacity .40s ease-in-out, visibility .40s ease-in-out !important; -webkit-transition: opacity .40s ease-in-out, visibility .40s ease-in-out !important; transition: opacity .40s ease-in-out, visibility .40s ease-in-out !important; -webkit-transform: translate3d(0, 0, 0) !important; } .adimoPopup .iframeBox, .recipopPopup .iframeBox { margin: 0 !important; padding: 0 !important; display: block !important; border: 1px solid #D4D4D4 !important; background-color: #fff !important; border-radius: 5px !important; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2) !important; z-index: 2147483646 !important; } .adimoPopup iframe, .recipopPopup iframe { margin: 0 !important; padding: 0 !important; display: block !important; border-radius: 5px !important; height: 0px; width: 262px; overflow: hidden !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .adimoPopup .adimoClose, .recipopPopup .adimoClose { display: none !important; } .adimoPopup .adimoArrow, .recipopPopup .adimoArrow { margin: 0 !important; padding: 0 !important; position: relative !important; top: 1px !important; left: 33px !important; height: 12px !important; background: url(popup_arrow.png) left top no-repeat !important; } .recipopPopup.adimoRightAligned .adimoArrow, .adimoPopup.adimoRightAligned .adimoArrow { background-position: right top !important; left: -33px !important; } .recipopMobilePopup .iframeBox, .adimoMobilePopup .iframeBox { border-left: none !important; border-right: none !important; border-radius: 0 !important; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) !important; } .recipopPopup.adimoLightbox, .adimoPopup.adimoLightbox { right: 0 !important; left: 0 !important; padding: 30px !important; } .recipopPopup.adimoLightbox .iframeBox, .adimoPopup.adimoLightbox .iframeBox { max-width: 1024px !important; margin-left: auto !important; margin-right: auto !important; border-radius: 10px !important; position: relative !important; } .recipopPopup.adimoLightbox .adimoClose, .adimoPopup.adimoLightbox .adimoClose { display: block !important; position: absolute !important; right: 15px !important; top: 15px !important; text-indent: -99999px !important; font-size:0px !important; width: 32px !important; height: 32px !important; outline: none !important; background: url(close.png) left top no-repeat !important; cursor: pointer !important; } .recipopPopup.adimoLightbox .adimoClose.recipeClose, .adimoPopup.adimoLightbox .adimoClose.recipeClose { right: -15px !important; top: -15px !important; } .recipopPopup.adimoLightbox .adimoArrow, .adimoPopup.adimoLightbox .adimoArrow { display: none !important; } .recipopPopup.adimoLightbox iframe, .adimoPopup.adimoLightbox iframe { border-radius: 10px !important; } .recipopPopup.adimoLightbox .iframeBox iframe, .adimoPopup.adimoLightbox .iframeBox iframe { width: 100% !important; } .recipopModalOverlay, .adimoModalOverlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2147483644 !important; } .adimoLink { text-decoration:underline !important; border-bottom: 1px solid #bf0000 !important; color:#bf0000 !important; cursor:pointer !important; display:inline !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .recipopWidget .adimoButton .adimoLogo, .adimoWidget .adimoButton .adimoLogo { background-image: url(adimo_2x.png) !important; background-size: 71px 33px !important; } .recipopWidget .adimoButton .adimoLogo, .adimoWidget .adimoButton .adimoLogo { background-image: url(adimo_2x.png) !important; background-size: 71px 33px !important; } .recipopWidget.adimoMedium .adimoButton .adimoLogo, .recipopWidget.adimoSmall .adimoButton .adimoLogo, .recipopWidget.adimoTiny .adimoButton .adimoLogo, .adimoWidget.adimoMedium .adimoButton .adimoLogo, .adimoWidget.adimoSmall .adimoButton .adimoLogo, .adimoWidget.adimoTiny .adimoButton .adimoLogo { background-image: url(adimo_basket_2x.png) !important; background-size: 17px 17px !important; background-position:0px 7px !important; } } @media screen and (max-width: 650px) { .adimoPopup.adimoLightbox, .recipopPopup.adimoLightbox { right: 0 !important; left: 0 !important; background-color: rgba(0,0,0,0.3) !important; padding: 30px 0 !important; } .recipopPopup.adimoLightbox .iframeBox, .adimoPopup.adimoLightbox .iframeBox { border-radius: 0 !important; } .recipopPopup.adimoLightbox iframe, .adimoPopup.adimoLightbox iframe { border-radius: 0 !important; } .recipopPopup.adimoLightbox .adimoClose, .adimoPopup.adimoLightbox .adimoClose { right: 12px !important; top: 12px !important; } .recipopPopup.adimoLightbox .adimoClose.recipeClose, .adimoPopup.adimoLightbox .adimoClose.recipeClose { right: 2px !important; top: -15px !important; } } #loadIndicator{ position: relative; z-index: 5; font-size: 0.4em; top:-23em; left: -34.55em; } .loader, .loader:before, .loader:after { border-radius: 50%; } .loader { color: #fc4349; text-indent: -99999em; margin: 55px auto; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader:before, .loader:after { position: absolute; content: ''; } .loader:before { width: 5.2em; height: 10.2em; background: #ffffff; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .loader:after { width: 5.2em; height: 10.2em; background: #ffffff; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } .loader{ display: none; } .adimoAjaxLoading .loader{ display: block } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .sticker { position: relative; } .sticker::before, .sticker::after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; box-shadow: 0 15px 10px #777; transform: rotate(-3deg); } .sticker::after { transform: rotate(3deg); right: 10px; left: auto; }