body, html { height: 100%; } body { font-size: 100%; line-height: 1.4; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #000; background-color: #ffffff; } .overlayContent .buttons { text-align: center; font-size: 0.875em; } .overlayContent #content { width: 100%; max-width: none; } .overlayContent #content .section.inset { padding: 1em; background: #ffffff; border-radius: 0; margin-top: 0; } a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } a:link, a:visited { color: #000000; } a:hover, a:active { color: #71b53e; } strong, b, th { font-weight: 600; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { border: 0; width: auto; max-width: 100%; height: auto; } object, video, embed { max-width: 100%; height: auto; } #headerWrapper { width: 100%; background-color: #ffffff; z-index: 99999; position: relative; } header { position: relative; } #productNav { background-color: #71b53e; } .topHeader { margin: 0 auto; } .topHeader .content { border-bottom: 1px solid #ebebeb; padding: 8px 0 6px; } header, .topHeader div.content, .content, .slidingBoxesWrapper { width: 92%; max-width: 90em; margin: 0 auto; position: relative; } #contentWrapper { width: 100%; margin-bottom: 1em; } #content { width: 92%; max-width: 90em; margin: 0 auto; } #content .section.inset { padding: 0.5em; background: #ffffff; margin-top: 1em; } #content > .section.inset > .span_5_of_5 { margin-top: 0; margin-bottom: 0; } #content .filterWrapper { width: 100%; max-width: 100%; } .indexArticles { margin: 0 auto 1em; background-color: #ffffff; padding: 1em 0; } .indexArticles .selectedArticles { margin: 0 auto; width: 92%; max-width: 90em; } .indexArticles article { margin: 1% 0 1% 2%; padding: 0 2em !important; clear: none !important; width: 32%; float: left; background-color: #ffffff; text-align: center; position: relative; } .indexArticles article .photoFrame { width: 100%; display: none; } .indexArticles article .photoFrame.floatLeft { float: none; margin: 0 auto; } .indexArticles article .buttons { text-align: center !important; display: none; } .indexArticles article h2 { font-family: 'Oswald', sans-serif; font-size: 1.8em; font-weight: 600; text-transform: uppercase; text-align: center; } .indexArticles article .date { display: none; } .indexArticles article:first-child, .indexArticles article:nth-child(3n+0) { margin-left: 0; } .welcomeMessage { background-color: #E5EEEC; margin: 0 0 1em; padding: 1em; border-radius: 4px; } .welcomeMessage h2:first-child { color: #498677; font-size: 1.25em; } .welcomeMessage .buttons { text-align: right; margin-top: 0.5em; } header h1, header .logo-holder { width: 160px; margin: 1.4em 1em; position: relative; z-index: 999; float: left; } header h1 img, header .logo-holder img, header h2 img { width: 100%; display: block; } header h2 { width: 260px; float: right; margin: 4em 0 0; } header ul.mixed { list-style: none; float: right; margin: 1.3em 0 1em; } header ul.mixed li { display: block; float: right; } header .specialPhone { display: block; border-radius: 6px; background-color: #9e0b0f; padding: 6px 5px 6px 48px; font-size: 1.5em; color: #ffffff !important; background-repeat: no-repeat; background-position: 8px -212px; } header .userBar { position: absolute; top: 0.5em; right: 0; display: none; } a.basket { position: relative; font-size: 0.8125em; color: #222222; display: block; z-index: 9999; border-radius: 6px; padding: 4px 7px 5px 38px; text-align: left; margin-left: 0.5em; } a.basket span { display: block; } a.basket em { font-style: normal; font-size: 0.9230em; font-weight: 600; } a.basket:before { font-family: 'FontAwesome'; content: '\f291'; display: block; font-size: 22px; color: #222222; position: absolute; left: 6px; top: 12px; line-height: 22px; } .languageSelector, .currencySelector, .userArea { position: absolute; top: 0; padding: 2px; font-size: 0.875em; z-index: 10001; } .languageSelector { right: 76px; } .currencySelector { right: 76px; display: none; } .userArea { right: 0; } .languageSelector .popUpMenu, .currencySelector .popUpMenu { position: absolute; top: 42px; right: 0; max-width: 180px; display: none; } .userArea .popUpMenu { position: absolute; top: 42px; right: 0; max-width: 240px; display: none; padding: 0.5em; } .languageSelector .popUpMenu, .currencySelector .popUpMenu, .userArea .popUpMenu { background-color: #ffffff; } .languageSelector .popUpMenu.active, .currencySelector .popUpMenu.active, .userArea .popUpMenu.active { display: block; } .languageSelector.active:before, .currencySelector.active:before, .userArea.active:before { display: block; content: ''; position: absolute; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid transparent; bottom: -6px; right: 12px; } .languageSelector.active:before, .currencySelector.active:before, .userArea.active:before { border-bottom: 7px solid #ffffff; } .userArea .popUpToggle { background-color: #ffffff; display: block; width: 32px; height: 32px; font-size: 0; border-radius: 100%; position: relative; } .userArea .popUpToggle:before { position: absolute; content: '\f007'; display: block; font-family: 'FontAwesome'; font-size: 22px; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #9e0b0f; } .currencySelector .popUpToggle { background-color: #ffffff; display: block; width: 32px; height: 32px; cursor: pointer; border-radius: 100%; color: #000000 !important; text-align: center; } .currencySelector .popUpToggle .currencyMark { line-height: 30px; font-size: 12px; font-weight: 600; } .languageSelector .popUpToggle, #languageSelector li a { background-image: url(https://juicebox.easx.eu/layout/flags.png?v-637212048044010000); } .languageSelector .popUpToggle { background-color: #ffffff; background-repeat: no-repeat; background-position: -16px 0; display: block; width: 32px; height: 32px; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: 100%; } .languageSelector .popUpToggle.HR { background-position: 7px 10px; } .languageSelector .popUpToggle.EN { background-position: 7px -21px; } .languageSelector .popUpToggle.DE { background-position: 7px -52px; } .languageSelector .popUpToggle.IT { background-position: 7px -83px; } .languageSelector .popUpToggle.SL { background-position: 7px -114px; } .languageSelector .popUpToggle.RU { background-position: 7px -145px; } .languageSelector .popUpToggle.ES { background-position: 7px -176px; } #languageSelector li, #currencySelector li, .userArea .popUpMenu li { display: block; padding: 0.2em 0.5em; } #currencySelector li a, .userArea .popUpMenu li a { display: block; text-align: left; white-space: nowrap; } #currencySelector li a span { display: inline-block; font-size: 10px; font-weight: 600; background-color: #000000; color: #ffffff; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; text-align: center; margin-right: 5px; } #languageSelector li a { display: block; background-repeat: no-repeat; background-position: 0 -30px; padding-left: 24px; text-align: left; } #languageSelector li a.HR { background-position: 0 4px; } #languageSelector li a.EN { background-position: 0 -27px; } #languageSelector li a.DE { background-position: 0 -58px; } #languageSelector li a.IT { background-position: 0 -89px; } #languageSelector li a.SL { background-position: 0 -120px; } #languageSelector li a.RU { background-position: 0 -151px; } #languageSelector li a.ES { background-position: 0 -182px; } .fbLinkHeader, .locationIcon { position: absolute; top: 2px; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; display: block; width: 32px; height: 32px; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: 100%; } .fbLinkHeader { right: 114px; background-image: url(https://juicebox.easx.eu/layout/icon-facebook-small.png?v-637212048044010000); } .locationIcon { right: 116px; background-image: url(https://juicebox.easx.eu/layout/location-icon.png?v-637212048044010000); } .contentList .contentBlock article { margin-bottom: 0.5em; padding: 0.5em 0.5em 48px; width: 32.66666666666667%; float: left; margin-left: 1%; position: relative; text-align: center; } .contentList .contentBlock article:hover { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; background-color: #eeeeee; } .contentList .contentBlock article h2 { margin: 0; display: block; clear: both; font-weight: 600; } .contentList .contentBlock .date { margin-bottom: 0.5em; } .contentList .contentBlock .date span { font-size: 0.8125em; color: #333333; font-weight: 400; } .contentList .contentBlock article .wysiwyg { padding: 0; margin: 0 0 0.5em; } .contentList .contentBlock article .wysiwyg p { margin: 0; } .contentList .contentBlock article .photoFrame { width: 60%; margin: 0 auto 1em; display: block; } .contentList .contentBlock article .photoFrame.floatLeft { float: none; } .contentList .contentBlock article .photoFrame a { display: block; width: 100%; } .contentList .contentBlock article .buttons { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5em; } .contentList .contentBlock article .buttons a { padding: 8px 6px; } .contentList .contentBlock article:nth-child(3n+1) { margin-left: 0; } h1.sectionTitle { font-size: 1.5em; font-weight: 600; padding-bottom: 0.2em; margin-bottom: 1em; color: #000000; } .contentBlock { margin-bottom: 1em; } .contentBlock:before, .contentBlock:after { content: ""; display: table; } .contentBlock:after { clear: both; } .contentBlock { zoom: 1; } .contentBlock article { margin-bottom: 0.5em; padding: 0; } .contentBlock h1 { font-size: 1.5em; font-weight: 600; color: #000000; } .contentBlock h2 { font-size: 1.125em; color: #000000; font-weight: 500; } .contentBlock .date span { font-size: 0.9285em; color: #333333; font-weight: 400; } .contentBlock .wysiwyg { font-size: 0.875em; padding-top: 1em; } .highlight { background-color: #eeeeee; padding: 1em; } .photoFrame { width: 25%; } .photoFrame img { display: block; } .textFrame { width: 280px; background-color: #EEEEEE; padding: 0.5em; } .floatLeft { float: left; margin: 0 1em 1em 0; } .floatRight { float: right; margin: 0 0 0.5em 0.5em; } .contentBlock article .buttons, .contentBlock.highlight .buttons { text-align: right; clear: both; font-size: 0.875em; } .slidingBoxes .slidingBox:first-child, .slidingBoxes .slidingBox:nth-child(3n+1) { margin-left: 0; } .slidingBox { float: left; width: 32%; margin: 1% 0 1% 2%; background-color: #ffffff; position: relative; overflow: hidden; } .slidingBox .front { width: 100%; height: 100%; z-index: 1; color: #fff; position: absolute; } .slidingBox .back { width: 100%; } .slidingBox .back .icon { display: none; } .slidingBox h2 { background: rgb(255, 255, 255, 0.9); display: block; font-family: 'Oswald', sans-serif; font-size: 1.3em; font-weight: 600; text-transform: uppercase; text-align: center; width: 90%; padding: 0.8em 1em; margin: 1em auto 0; } .slidingBox p { position: absolute; bottom: 0; height: 80px; width: 100%; margin: 0 auto; padding: 1.2em 0 0; font-family: 'Oswald', sans-serif; font-weight: 400; text-align: center; text-transform: uppercase; } .slidingBox p:after { position: absolute; content: ''; width: 140px; height: 140px; background: #71b53e; border-radius: 50%; box-shadow: 0 -10px 25px #222222; top: 0; left: 50%; transform: translate(-50%, 0); z-index: -1; } .slidingBox img { width: 100%; display: block; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } .slidingBox:hover img { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; transform: scale(1.2); } .slidingBox a.button { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 999; text-indent: -9999em; background: none; box-shadow: none; direction: ltr; } .slidingBox a.button:hover { background: none; } .filterWrapper { width: 92%; max-width: 70em; margin: 0 auto 1em; background-color: #e0e0e0; } .vendor-webkit .filterWrapper, .vendor-ie .filterWrapper { max-width: 69.9em; } .filterBody { padding: 0 1em; width: 100%; background: #e0e0e0; border: 1px solid #e0e0e0; } .filterBody.active { border-bottom: solid 3px #cccccc; } .vendor-ie-8 .filterBody { float: left; width: 100%; } .filterBody h1, .filterBody h1 i { background-image: url(https://juicebox.easx.eu/layout/icons-filter.png?v-637212048044010000); } .filterBody h1 { color: #FFFFFF; font-weight: 400; font-size: 1.5em; padding: 0.4em 80px 0.3em 66px; margin: 0 -0.6666em; border: 1px solid #ec1c23; background-color: #ec1c23; background-repeat: no-repeat; background-position: -58px center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .filterBody h1 i { position: absolute; right: 0; bottom: 0; width: 61px; height: 100%; background-repeat: no-repeat; background-position: 0 16px; transition: all 0.35s ease-in; } .filterBody.active h1 i { background-position: 0 -263px; } .vendor-ie-11 .filterBody.active h1 i { margin-bottom: -1px; } .filterBody .predefined { margin: 1em 0 0; font-size: 0.875em; } .filterBody .filterTabs .predefined { font-size: inherit; } .filterBody .formElement { float: left; width: 19.2%; margin: 0 0 0.5em 1%; position: relative; } .filterBody .formElement:first-child { margin-left: 0; } .filterBody .formElement .elementLabel { display: block; margin-bottom: 0.2em; font-weight: bold; } .filterBody input.datePicker { width: 100%; padding: 6px 36px 5px 6px; border: 1px solid #cccccc; background-color: #ffffff; background-repeat: no-repeat; background-position: right -130px; } .filterBody select.selBox { width: 100%; background-color: #ffffff; border: 1px solid #cccccc; } .filterBody input.datePicker:focus, .filterBody select.selBox:focus { background-color: #ffffff; border: 1px solid #00adee; } .filterBody .toggle, .filterBody .toggleMore { display: none; } .filterBody.active .toggle, .filterBody .toggleMore.active { display: block; } .filterBody .toggleFilter { margin-top: 0.5em; } .filterBody .toggleFilter span { padding: 0.5em; max-width: 0.5em; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 0.875em; } .filterBody .toggleFilter span i { width: 11px; height: 8px; display: inline-block; margin-right: 0.5em; background-repeat: no-repeat; background-position: 0 -9px; } .filterBody .toggleFilter span.active i { background-position: -11px -8px; } .filterBody .categoryFilter { background-color: #FFFFFF; padding: 1em 0.5em 0.5em; border: none; font-size: 1em; } .filterBody .categoryFilter h2 { font-weight: 600; text-transform: uppercase; border-bottom: solid 1px #e0e0e0; padding-bottom: 0.2em; margin-bottom: 0.5em; } .filterBody .categoryFilter ol { list-style: none; margin-bottom: 1em; } .filterBody .categoryFilter ol li { display: block; margin: 0 0 0.5em 0; float: left; width: 16.6666%; } .filterBody .categoryFilter ol li label { display: block; padding: 0 5px 0 20px; line-height: 1; color: #222222; } .filterBody .categoryFilter ol li label input[type="checkbox"] { margin: 0 3px 0 -20px; } .filterBody .categoryFilter ol li label input[type="radio"] { margin: -1px 3px 0 -20px; } .vendor-ie-8 .filterBody .categoryFilter ol li label input[type="checkbox"], .vendor-ie-8 .filterBody .categoryFilter ol li label input[type="radio"] { margin: -3px 3px 0 -20px; } .filterBody .categoryFilter .predefined { margin: 0 0 1em 0; border-top: solid 1px #e0e0e0; padding-top: 0.5em; } .filterBody .categoryFilter .predefined:first-child { border-top: none; padding-top: 0; } .filterBody .filterTabs { margin-top: 0.5em !important; } .filterBody .buttonWrapper { margin: 1em -1em 0 -1em; text-align: right; padding: 0.5em 1em 1em; clear: both; } .filterBody .buttonWrapper .button { font-size: 1em; font-weight: 600; white-space: normal; } .filterBody .resp-tabs-list { background: none; } .filterBody .resp-tab-active { padding: 0.5em; background: #ffffff !important; color: #000000; text-shadow: none; } .filterBody .resp-tab-content { padding-top: 0; padding-bottom: 0; } .filterBody h2.resp-tab-active { background: #111111 !important; color: #FFFFFF; } .filterBody .resp-arrow { border-top-color: #000000; } .filterBody h2.resp-tab-active span.resp-arrow { border-bottom-color: #ffffff; } .tinynav { display: none; padding: 0; height: 27px; vertical-align: top; } .menu { font-size: 0.875em; width: 100%; margin-bottom: 1em; } .menu .menu-caption { border-bottom: solid 3px #71b53e; } .menu .menu-title { font-size: 2em; color: #232222; padding-top: 20px; font-weight: 500; float: left; } .menu .menu-variants { float: right; } .menu .menu-variant-price { float: left; padding: 5px; } .menu .variants-1 .menu-title, .menu .variants-1 .menu-item-title { width: 80%; } .menu .variants-2 .menu-title, .menu .variants-2 .menu-item-title { width: 70%; } .menu .variants-3 .menu-title, .menu .variants-3 .menu-item-title { width: 60%; } .menu .variants-1 .menu-variants { width: 20%; } .menu .variants-2 .menu-variants { width: 30%; } .menu .variants-3 .menu-variants { width: 40%; } .menu .variants-1 .menu-variant-price { width: 100%; } .menu .variants-2 .menu-variant-price { width: 50%; } .menu .variants-3 .menu-variant-price { width: 33.333333333%; } .menu .serving-icon-img { padding: 2px; background-color: #000000; border-radius: 100%; margin: 0 auto 2px; display: block; } .menu .serving-icon-img img { display: block; width: 100%; height: 100%; } .menu .serving-icon-img.small { margin-top: 12px; width: 24px; } .menu .serving-icon-img.medium { margin-top: 6px; width: 30px; } .menu .serving-icon-img.large { width: 36px; } .menu .serving-desc { padding: 0 2px; color: #ffffff; background-color: #000000; font-size: 0.8571em; display: block; text-align: center; } .menu .menu-items { margin: 0; padding: 0; counter-reset: li; border-bottom: solid 3px #71b53e; } .menu .menu-items > li { display: block; width: 100%; background-color: #ffffff; border-bottom: solid 1px #ffffff; } .menu .menu-items > li:nth-child(even) { background-color: #eeeeee; } .menu .menu-items > li { position: relative; } .menu .menu-items > li:before { content: counter(li); counter-increment: li; position: absolute; top: 0; left: 0; width: 3em; height: 100%; font-weight: 600; text-align: right; font-size: 0.9285em; color: #71b53e; padding: 12px 5px 0; } .menu .menu-items .serving-icon { display: none; } .menu .menu-item-title { padding: 10px 5px 10px 3em; float: left; } .menu .menu-item-title h2 { font-weight: 600; text-transform: uppercase; font-size: 1.2857em; } .menu .menu-item-title h2 a.magnificPopupFrame { display: inline-block; text-indent: -999em; direction: ltr; width: 18px; height: 18px; line-height: 18px; background-color: #222222; color: #ffffff; border-radius: 100%; margin-left: 5px; position: relative; } .menu .menu-item-title h2 a.magnificPopupFrame:after { display: block; position: absolute; font-family: 'FontAwesome'; content: '\f129'; width: 18px; height: 18px; line-height: 18px; left: 0; top: 0; text-indent: 0; font-weight: normal; font-size: 12px; text-align: center; } .menu .menu-item-title span { display: block; font-weight: normal; text-transform: none; } .menu .menu-item-title h2 span { display: inline-block; font-weight: inherit; text-transform: inherit; cursor: pointer; } .menu .menu-item-title span.toggleAdditions { display: inline-block; font-weight: normal; font-size: 1em; color: #ffffff; background-color: #71b53e; margin-top: 5px; padding: 2px 5px; cursor: pointer; } .menu .menu-item-title span.toggleAdditions.hasTempOrder { background-color: #9e0b0f; } .menu .menu-item-title .toggleAdditions:before { display: inline-block; font-size: 1em; margin-right: 4px; font-family: 'FontAwesome'; content: '\f078'; } .menu .menu-item-title .toggleAdditions.active:before { content: '\f077'; } .menu .menu-prices span, .shoppingBasket .menu-prices span { display: block; text-align: center; } .menu .kunaPrice em, .menu .euroPrice em, .menu .oldPrice em, .shoppingBasket .kunaPrice em, .shoppingBasket .euroPrice em { font-weight: normal; font-style: normal; } .menu .oldPrice, .shoppingBasket .oldPrice { text-decoration: line-through; font-size: 0.9285em; color: #777777; } .menu .newPrice, .shoppingBasket .newPrice { color: #ec5609 !important; } .menu .kunaPrice, .shoppingBasket .kunaPrice { font-weight: 600; color: #71b53e; } .menu .euroPrice, .shoppingBasket .euroPrice { font-size: 0.8571em; color: #222222; } .menu .menu-additions { display: none; padding: 10px 5px 10px 3em; clear: both; border-top: dotted 1px #cccccc; background-color: #ffffff; border-bottom: solid 2px #cccccc; } .menu-additions.shoppingBasket { font-size: 0.875em; width: 100%; margin-bottom: 1em; } .menu .menu-items li:last-child .menu-additions { border-bottom: none; } .menu .menu-additions.active { display: block; } .menu-additions fieldset { margin-bottom: 1em; } .menu-additions legend { font-weight: 600; margin-bottom: 0.5em; text-transform: uppercase; display: block; width: 100%; } .menu-additions legend span { border-bottom: dotted 1px #000000; display: inline-block; } .additionsList ul, .exclusionList ul { list-style: none; margin: 0; padding: 0; display: table; width: 100%; } .additionsList li, .exclusionList li { display: table-row; width: 33.33333333%; padding: 5px; clear: right; } .additionsList li:nth-child(3n+1), .additionsList li:nth-child(3n+2) { padding-right: 40px; } .additionsList li label { float: left; width: 41%; font-weight: 600; } .exclusionList li label { display: block; width: 100%; font-weight: 600; } .additionsList li label.specialRadio, .exclusionList li label.specialRadio { position: relative; padding-left: 20px; } .additionsList li label.userSelected { background-color: #E5FFE8; } .exclusionList li label.userSelected { background-color: #FFD9DD; } .additionsList li label.specialRadio input[type="radio"], .additionsList li label.specialRadio input[type="checkbox"], .exclusionList li label.specialRadio input[type="radio"], .exclusionList li label.specialRadio input[type="checkbox"] { position: absolute; margin: 0; padding: 0; left: 0; top: 0.2em; } .additionsList li .menu-prices { float: left; width: 35%; } .additionsList li .menu-prices span { text-align: right; } .additionsList li .additionsQuantity { float: left; width: 24%; padding: 3px 0 0 10px; text-align: right; } .additionsList input.txtBox { padding: 4px; background-color: #eeeeee; border: 1px solid #71b53e; text-align: center; width: 100%; font-weight: 600; } .additionsList select { padding: 4px 1px; width: 100%; text-align: center; border-color: #71b53e; } .menu-additions .txtArea { font-size: 0.875em; width: 100%; min-width: 100%; max-width: 100%; height: 80px; max-height: 80px; padding: 5px; background-color: #eeeeee; border: 1px solid #cccccc; } .menu-additions .section .menu-prices .kunaPrice { font-size: 3em; } .menu-additions .section { margin-bottom: 1em; } .menu-additions .section .col { text-align: center; } .menu-additions .section .buttons { padding-top: 1em; } .menu-additions .section .buttons .button { width: 100%; } .menu-additions .section .buttons .button { text-align: center; width: 100%; } .menu-additions .section .buttons .addToTempOrder { text-transform: uppercase; } .menu-additions .section .buttons div:first-child { margin-bottom: 1em; } .menu-additions .ordersTempList { border-spacing: 0; border: none; border-collapse: collapse; width: 100%; margin-bottom: 1em; } .menu-additions .ordersTempList th, .menu-additions .ordersTempList td { padding: 10px 5px; vertical-align: top; text-align: left; } .menu-additions .ordersTempList .alignCenter { text-align: center; } .menu-additions .ordersTempList .alignRight { text-align: right; } .menu-additions .ordersTempList .hasMinWidth { min-width: 80px; } .menu-additions .ordersTempList .buttons .button { margin-bottom: 8px; } .menu-additions .ordersTempList th { background-color: #eeeeee; } .menu-additions .ordersTempList td { border-bottom: solid 1px #cccccc; } .menu-additions .ordersTempList h3 { text-transform: uppercase; } .menu-additions .ordersTempList h3 .quantityMark { text-transform: none; } .menu-additions .ordersTempList .quantityMark { display: inline-block; font-size: 0.8571em; line-height: 2; padding: 0 3px; font-weight: normal; } .menu-additions .ordersTempList .additionsTempList, .menu-additions .ordersTempList .exclusionTempList { margin: 0 0 0.5em 0; padding: 1em 0 0 40px; list-style: none; position: relative; } .menu-additions .ordersTempList .additionsTempList:before, .menu-additions .ordersTempList .exclusionTempList:before { display: inline-block; content: '+'; font-weight: 600; font-size: 24px; position: absolute; left: 0.5em; top: 0.3em; } .menu-additions .ordersTempList .additionsTempList:before { font-family: 'FontAwesome'; content: '\f067'; color: #71b53e; } .menu-additions .ordersTempList .exclusionTempList:before { font-family: 'FontAwesome'; content: '\f068'; color: #9E0B0F; } .menu-additions .ordersTempList .additionsTempList li, .menu-additions .ordersTempList .exclusionTempList li { display: inline-block; white-space: nowrap; margin: 0 5px 5px 0; border: solid 1px #eeeeee; padding: 0 0 0 3px; font-weight: 600; } .menu-additions .ordersTempList .tempOrderNotice { font-size: 0.9285em; } .menu-additions .helper { margin-bottom: 1em; text-align: right; } .menu-additions .helper .toggleHelper { display: inline-block; cursor: pointer; background-color: #333333; padding: 2px 3px; color: #ffffff; } .menu-additions .helper .toggleHelper .fa { color: #71b53e; } .menu-additions .helper .wysiwyg { padding: 0.5em; background-color: #eeeeee; display: none; text-align: left; } .menu-additions .helper .wysiwyg.active { display: block; } .buttonsAddToOrder { margin-bottom: 1em; text-align: center; } .buttonsAddToOrder .button { text-transform: uppercase; font-size: 1.7142em; } .smallBanners .smallBanner, .smallBanners img { display: block; } .smallBanners .smallBanner { margin: 0 0.2em 0.5em; } .smallBanners.showOnMobile { display: none; } .smallBanners.showOnMobile .smallBanner { float: left; width: 32.6666%; margin-bottom: 0.5em; margin-left: 1%; } .productList .productBox { float: left; margin: 0 0 1em 1%; background-color: #FFF; position: relative; border: solid 1px #e0e0e0; border-bottom: solid 3px #00adee; padding: 1em 1em 2.8em; width: 24.25%; overflow: hidden; } .productList .productBox:nth-child(4n+1) { margin-left: 0; } .productList .productBox .buttons { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0.5em 3px 3px; } .productList .productBox .buttons a { display: block; text-align: center; } .vendor-ie-8 .productList .productBox:nth-child(3n+1) { margin-left: 0; } .productList .productBox:hover { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; border-bottom-color: #ec1c23; box-shadow: 0 0 3px rgba(236, 28, 35, 0.4); } .productList .product-image-wrapper { width: 100%; margin-bottom: 2em; position: relative; background-color: #FFFFFF; } .productList .product-image-wrapper .productTags { position: absolute; bottom: 0; right: 0; list-style: none; font-size: 0.875em; line-height: 1em; width: 100%; text-align: right; pointer-events: none; } .productList .product-image-wrapper .productTags span { display: inline-block; text-align: center; padding: 0.5em; margin-bottom: 0.5em; color: #FFFFFF; font-weight: 600; } .productList .product-image-wrapper .productTags .actionDiscount { text-align: right; } .productList .product-image-wrapper .productTags .actionDiscount span { display: inline-block; font-weight: 500; text-align: center; padding: 0; margin: 0 0 0.5em; font-size: 18px; border-radius: 50%; width: 50px; height: 50px; line-height: 46px; } .productList .product-image-wrapper .productTags .actionDiscount span.action { color: #FFFFFF; background: rgb(236, 28, 35); } .productList .product-image-wrapper .productTags span.action { color: #ffffff; background: rgba(236, 28, 35, 0.9); } .productList .product-image-wrapper .productTags span.new { color: #ffffff; background: rgba(0, 173, 238, 0.9); } .productList .product-image-wrapper .productTags span.quantityDiscount { color: #ffffff; background: rgba(0, 173, 238, 0.9); } .productList .productBox h2 { margin-bottom: 0.5em; height: 2.8em; overflow: hidden; font-weight: 600; font-size: 1.125em; text-align: left; } .productList .productBox .prices { list-style: none; clear: both; font-size: 1em; margin-bottom: 0.5em; text-align: center; } .productList .productBox em, .productList .productBox i { font-style: normal; } .productList .productBox .prices span { display: block; font-size: 0.785em; } .productList .productBox .prices.listPrices span { display: inline-block; margin-left: 5px; color: #666666; } .productList .productBox .prices.regular li { width: 100%; } .productList .productBox .prices.discounted li { width: 100%; text-align: center; } .productList .productBox .prices li.before { color: #757575; text-decoration: line-through; font-size: 0.875em; } .productList .productBox .prices li.after { color: #C00; } .productList .productBox p { font-size: 0.875em; margin-bottom: 0.5em; height: 4.2em; overflow: hidden; color: #111111; } .productList .productBox .button.addToBasket, .productList .productBox .button.sendInquiry, .productList .productBox .button.red { float: right; cursor: pointer; } .productList .productBox .quantityPop { position: absolute; left: 0; bottom: 3.5em; width: 100%; padding: 3%; background-color: #FFFFFF; border: solid 1px #111111; display: none; } .productList .productBox .quantityPop:before, .productList .productBox .quantityPop:after { content: ""; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; top: 100%; left: 91%; margin-left: -7px; } .productList .productBox .quantityPop:before { border-top: 7px solid #111111; margin-top: 1px; } .productList .productBox .quantityPop:after { border-top: 7px solid #FFFFFF; z-index: 1; } .productList .productBox .quantityPop label { display: block; font-size: 0.875em; } .productList .productBox input.txtBox { padding: 5px 6px 6px; width: 3em; text-align: right; background-color: #f8f8f8; border: 1px solid #dbdbdb; font-size: 0.875em; } .productList .productBox .quantityPop select { margin-bottom: 0.5em; width: 100%; font-size: 0.875em; } .productList .productBox input.txtBox:focus { outline: 0; } .productList .product-image-wrapper a, .productList .product-image-wrapper img { display: block; width: 90%; margin: 0 auto; } .productList .product-image-wrapper a img { width: 100% !important; } .productList-2 .productBox { margin-bottom: 1em; padding: 0.5em 1%; border: solid 1px #e0e0e0; border-bottom: solid 3px #00adee; } .ua-desktop .productList-2 .productBox:hover { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; border-bottom-color: #ec1c23; box-shadow: 0 0 3px rgba(236, 28, 35, 0.4); } .productList-2 .product-image-wrapper { width: 20%; margin-bottom: 0.5em; float: left; } .productList-2 .product-desc-wrapper { width: 78%; float: right; } .productList-2 h2 { margin-bottom: 0.5em; font-weight: 600; font-size: 1.125em; } .productList-2 .productTags { list-style: none; font-size: 0.875em; line-height: 1em; } .productList-2 .productTags li { display: inline; } .productList-2 .productTags span { display: inline-block; margin: 0 0.5em 0.5em 0; padding: 3px; font-weight: 600; } .productList-2 .productTags .actionDiscount span { color: #FFFFFF !important; background: rgb(236, 28, 35) !important; font-weight: 600; border-radius: 50%; } .productList-2 .productTags span.action { color: #ffffff; background: rgb(236, 28, 35); } .productList-2 .productTags span.new { color: #ffffff; background: rgb(0, 173, 238); } .productList-2 .productTags span.quantityDiscount { color: #ffffff; background: rgb(0, 173, 238); } .productList-2 .productBox .prices { list-style: none; clear: both; font-size: 0.875em; margin-bottom: 0.5em; } .productList-2 .productBox .prices li { padding-right: 1em; display: inline; } .productList-2 .productBox .prices.listPrices li { padding-right: 0; display: block; float: none; } .productList-2 .productBox em, .productList .productBox i { font-style: normal; } .productList-2 .productBox .prices span { display: block; font-size: 0.785em; } .productList-2 .productBox .prices.listPrices span { display: inline-block; margin-left: 5px; color: #666666; } .productList-2 .productBox .prices li.before { color: #757575; text-decoration: line-through; } .productList-2 .productBox .prices li.after { color: #C00; } .productList-2 .productBox p { font-size: 0.875em; margin-bottom: 0.5em; color: #111111; } .productList-2 .productBox .buttons { text-align: right; clear: both; } .productList-2 .productBox .buttons .button.gray { margin-right: 0.5em; } .productList-2 .productBox .quantityPop { background-color: #FFFFFF; border: solid 1px #111111; clear: both; margin-bottom: 0.5em; padding: 0.5em; text-align: right; display: none; position: relative; } .productList-2 .productBox .quantityPop:before, .productList-2 .productBox .quantityPop:after { content: ""; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; top: 100%; right: 1%; margin-left: -7px; } .productList-2 .productBox .quantityPop:before { border-top: 7px solid #111111; margin-top: 1px; } .productList-2 .productBox .quantityPop:after { border-top: 7px solid #FFFFFF; z-index: 1; } .productList-2 .productBox .quantityPop label { font-size: 0.875em; } .productList-2 .productBox input.txtBox { padding: 5px 6px 6px; width: 3em; text-align: right; margin-right: 1em; background-color: #f8f8f8; border: 1px solid #dbdbdb; } .productList-2 .productBox .quantityPop select { margin-right: 1em; width: 10em; font-size: 0.875em; } .productList-2 .productBox input.txtBox:focus { outline: 0; } .productDetails, .productGallery { margin-bottom: 1em !important; } .productDetails h1 span.productCode { font-size: 0.5em; text-align: center; float: right; color: #ffffff; background: #000000; padding: 0.3em; display: none; } .productDetails .productTags { list-style: none; font-size: 0.875em; padding-top: 1em; margin-bottom: 0.5em; } .productDetails .productTags li { display: inline; } .productDetails .productTags span { display: inline-block; margin: 0 0.5em 0.5em 0; padding: 3px; font-weight: 600; } .productDetails .productTags .actionDiscount span { color: #FFFFFF !important; background: rgb(236, 28, 35) !important; font-weight: 600; border-radius: 50%; } .productDetails .productTags span:last-child { margin-right: 0; } .productDetails .productTags span.action { color: #ffffff; background: rgb(236, 28, 35); } .productDetails .productTags span.new { color: #ffffff; background: rgb(0, 173, 238); } .productDetails .productTags span.quantityDiscount { color: #ffffff; background: rgb(0, 173, 238); } .productDetails .prices { list-style: none; clear: both; margin-bottom: 0.5em; text-align: right; } .productDetails .prices.listPrices { margin: 0.5em 0; } .productDetails em { font-size: 1.5em; font-weight: 600; font-style: normal; } .productDetails i { font-style: normal; } .productDetails .prices span { display: block; font-size: 0.785em; } .productDetails .prices.listPrices span { display: inline-block; margin-left: 5px; color: #666666; } .productDetails .prices.regular li { width: 100%; } .productDetails .prices.discounted li { width: 50%; } .productDetails .prices li.before { float: left; color: #757575; text-decoration: line-through; } .productDetails .prices li.after { float: right; text-align: right; color: #C00; } .productDetails .quantityPop { background-color: #f2f2f2; border: 1px solid #dddddd; padding: 1em; margin-bottom: 1em; } .productDetails p.shortDesc { font-size: 1em; font-weight: 600; margin-bottom: 1.5em; color: #111111; } .productDetails p.getInTouch { text-align: center; margin: 1em 0; font-size: 1.1428em; text-transform: uppercase; } .productDetails p.notAvailable { text-align: center; margin-bottom: 1em; background-color: #f2f2f2; border: 1px solid #dddddd; padding: 0.5em; font-style: normal; font-weight: 600; color: #111111; } .productDetails h1.sectionTitle { margin-bottom: 0; } .productDetails input.txtBox { padding: 5px 6px 6px; width: 3em; text-align: right; background-color: #f8f8f8; border: 1px solid #dbdbdb; font-size: 0.875em; } .productDetails input.txtBox:focus { outline: 0; } .vendor-ie-10 input::-ms-clear { display: none; } .productDetails .quantityPop select { margin-bottom: 1em; width: 100%; font-size: 0.875em; } .productDetails .quantityPop label { display: block; font-size: 0.875em; font-weight: bold; margin: 0 0 0.5em; } .productDetails .button.red { float: right; cursor: pointer; } .sizeGuideWrapper { padding: 0.5em; } .sizeGuideWrapper .table-responsive { min-height: 0.01%; overflow-x: auto; margin-bottom: 3em; } .sizeGuideWrapper .table-responsive table { width: 100%; } .sizeGuideWrapper .table-responsive table caption { border-bottom: solid 1px #D0D0D0; padding: 5px; font-weight: 500; width: 100%; } .sizeGuideWrapper .table-responsive table th, .sizeGuideWrapper .table-responsive table td { padding: 5px; text-align: center; } .sizeGuideWrapper .table-responsive table th { background-color: #F6F6F6; } .sizeGuideWrapper h1, .sizeGuideWrapper h2, .sizeGuideWrapper p { margin-bottom: 0.5em; } .sizeGuideWrapper h2.resp-accordion { margin-bottom: 0 !important; } .size-legend { background-color: #F6F6F6; padding: 0.5em; margin-bottom: 1em; } .size-legend .sizeGuideImg { display: block; width: 20%; min-width: 100px; max-width: 200px; } .sizeGuide { display: block; font-size: 0.875em; margin-bottom: 0.5em; text-align: right; } .sizeGuide, .categoryFilter h1 a span, footer .specialPhone, p#author a, .newsletterBox input.btn, header .specialPhone, .filterBody input.datePicker, .filterBody .toggleFilter span i, .menu-delivery-popup .vertical-container:before { background-image: url(https://juicebox.easx.eu/layout/sprites.png?v-637212048044010000); } .sizeGuide a { display: inline-block; color: #0856a0; padding-left: 22px; background-repeat: no-repeat; background-position: -83px -51px; } .rearranger { padding: 0; margin: 0 0 1em 0; font-size: 0.875em; background: #e0e0e0; } .rearranger ul.chooseListType, .rearranger .sorter ul { list-style: none; } .rearranger ul.chooseListType { float: left; margin: 0.5em 0.5em 0; } .rearranger ul.chooseListType li, .rearranger .sorter ul li { display: inline; } .rearranger ul.chooseListType li a { display: inline-block; text-indent: -999em; direction: ltr; width: 32px; height: 32px; background: url(https://juicebox.easx.eu/layout/productListType.png?v-637212048044010000) no-repeat; margin-right: 0.5em; } .rearranger ul.chooseListType li.columns a { background-position: 0 0; } .rearranger ul.chooseListType li.rows a { background-position: -32px 0; } .rearranger .sorter { float: right; line-height: 2.285714285714286; padding: 0.5em; color: #777777; } .rearranger .sorter ul { line-height: 2.285714285714286; display: inline; margin-left: 0.5em; } .rearranger .sorter ul a { display: inline-block; margin-right: 1em; background: url(https://juicebox.easx.eu/layout/sorting.png?v-637212048044010000) no-repeat right 3px; padding-right: 20px; text-decoration: underline; color: #777777; font-weight: normal; } .rearranger .sorter ul a.ascending { background-position: right -47px; } .rearranger .sorter ul a.descending { background-position: right -97px; } .narrow { display: none; } table.narrow th, table.narrow td.ac { text-align: center !important; } table.narrow td { text-align: left !important; } table.narrow th { text-align: right !important; } .general-gray-zebra { border-collapse: collapse; width: 100%; font-size: 0.875em; border-spacing: 0; margin-bottom: 1em; } .general-gray-zebra tr { background-color: #ffffff; } .general-gray-zebra th { background-color: #eeeeee; color: #111111; font-weight: 600; } .general-gray-zebra td, .general-gray-zebra th { padding: 5px; vertical-align: middle; text-align: center; } .general-gray-zebra td { border-bottom: 1px solid #dddddd; } .general-gray-zebra td span { font-size: 0.875em; display: block; } .general-gray-zebra td:first-child strong { font-weight: 600; font-size: 1.1em; } .general-gray-zebra td.tabNote { color: #71b53e; } .general-gray-zebra td.tabNote .euroPrice { color: #000000; } .general-compact { border-collapse: collapse; width: 100%; font-size: 0.875em; border-spacing: 0; margin-bottom: 1em; border: 1px solid #dddddd; } .general-compact tr:nth-of-type(2n+1) { background-color: #FFFFFF; } .general-compact tr { background-color: #eeeeee; } .general-compact tr:hover { color: #111111; background: #dddddd; } .general-compact th { background-color: #dddddd; border: 1px solid #dddddd; color: #111111; font-weight: 600; } .general-compact td, .general-compact th { padding: 0.5em; vertical-align: middle; text-align: center; } .general-compact td span { font-size: 0.83333em; display: inline-block; white-space: nowrap; padding: 0 1em; } .general-plain { border-collapse: collapse; width: 100%; border-spacing: 0; table-layout: fixed; color: #000000; margin-bottom: 2em; } .general-plain.wide thead tr th:first-child, .general-plain.narrow tbody tr:first-child th:first-child { border-top-left-radius: 6px; } .general-plain.wide thead tr th:last-child, .general-plain.narrow tbody tr:first-child td:last-child { border-top-right-radius: 6px; } .general-plain.wide tbody tr:last-child td:first-child, .general-plain.narrow tbody tr:last-child th:first-child { border-bottom-left-radius: 6px; } .general-plain.wide tbody tr:last-child td:last-child, .general-plain.narrow tbody tr:last-child td:last-child { border-bottom-right-radius: 6px; } .general-plain th { background-color: #eeeeee; font-weight: 600; color: #000000; } .general-plain tbody tr { border-bottom: solid 1px #eeeeee; } .general-plain tbody tr:last-child { border-bottom: none; } .general-plain tfoot td { background: none; } .general-plain tfoot td.totalDesc { text-align: right; } .general-plain select { width: 100%; border-color: #000000; } .general-plain .price { color: #9e0b0f; } .general-plain .euroPrice { color: #000000; } .general-plain td, .general-plain th { padding: 0.3em 0.5em; vertical-align: middle; text-align: center; } .general-plain td { background-color: #ffffff; } .general-plain tfoot tr:first-child { border-top: solid 1px #eeeeee; } .general-plain .photo > div { position: relative; } .general-plain .photo img { width: 100px; } .general-plain span { display: block; } .general-plain .details { text-align: left; } .general-plain .details span { margin-bottom: 0.5em; } .general-plain .details span, .general-plain span > span { font-size: 0.8571em; } .general-plain .details label { display: block; margin-bottom: 0.5em; } .general-plain .details label select.small { max-width: 70px; font-size: 0.8571em; } .general-plain .photo .button { position: absolute; left: -0.5em; top: 50%; margin-top: -14px; font-size: 0.7142em; font-weight: 500; } .general-plain .priceBefore { color: #757575; text-decoration: line-through; } .general-plain .priceAfter { color: #C00; } .general-plain .productTags { list-style: none; line-height: 1em; } .general-plain .productTags span { display: inline-block; margin: 0 0.5em 0.5em 0; padding: 3px; background-color: #EEEEEE; border: solid 1px #D0D0D0; } .general-plain .productTags .actionDiscount span { background-color: #CC0000; border: solid 1px #CC0000; color: #FFFFFF !important; font-weight: 500; border-radius: 50%; } .general-plain .productTags span.action { color: #CC0000; } .general-plain .productTags span.new { color: #0856a0; } .general-plain .productTags span.quantityDiscount { color: #1d7c4c; } .general-plain input.txtBox { padding: 6px; width: 3em; text-align: right; background-color: #ffffff; border: 1px solid #000000; border-radius: 6px; } .general-plain input.txtBox:focus { outline: 0; } .orderSummary { border: solid 1px #CCCCCC; font-size: 0.875em; margin-bottom: 1em; background-color: #ffffff; } .orderSummary table caption { background-color: #eeeeee; padding: 0.5em 0; margin-bottom: 0.5em; text-align: center; text-transform: uppercase; font-weight: 600; } .orderSummary table { border-collapse: collapse; width: 100%; border-spacing: 0; table-layout: fixed; margin-bottom: 0.5em; } .orderSummary table.wide th { border-bottom: solid 1px #FFFFFF; } .orderSummary table.narrow th { border-right: solid 1px #FFFFFF; } .orderSummary table td, .orderSummary table th { padding: 0.3em 0.5em; vertical-align: middle; text-align: center; } .orderSummary table.wide td, .orderSummary table.wide th { border-left: solid 6px #FFFFFF; border-right: solid 6px #FFFFFF; } .orderSummary table.narrow td, .orderSummary table.narrow th { border-top: solid 6px #FFFFFF; border-bottom: solid 6px #FFFFFF; text-align: left; } .orderSummary table td.total { font-weight: 600; color: #71b53e; font-size: 1.2857em; } .orderSummary table span { font-size: 0.8571em; display: block; } .orderSummary table span.euroPrice { color: #000000; font-size: 0.7777em; } .orderSummary table span.chosenDeliveryType { font-size: 1em; margin-top: 5px; color: #71b53e; } .orderSummary table td.orderNote { text-align: left; vertical-align: top; } .orderSummary table td.statusPaid, .general-gray-zebra td.statusPaid { font-weight: 600; color: #71b53e; } .orderSummary table td.statusProcessed, .general-gray-zebra td.statusProcessed { font-weight: 600; color: #7A6FAC; } .orderSummary table td.statusOrdered, .general-gray-zebra td.statusOrdered { font-weight: 600; color: #9e0b0f; } .orderSummary table .buttons { text-align: center !important; } .orderSummary table td .button { font-size: 1em; } .progressMeter { overflow: auto; } .progressMeter ol { min-height: 3em; } .progressMeter li { float: left; width: 8em; min-height: 3em; margin: 0 0.5em 0.5em; padding-left: 2.2em; background: url(https://juicebox.easx.eu/layout/progressMeterNumbers.png?v-637212048044010000) 4px 4px no-repeat; list-style-type: none; font-size: 0.875em; border-radius: 0; color: #888888; } .progressMeter li.two { background-position: -138px 4px; } .progressMeter li.three { background-position: -268px 4px; } .progressMeter li.four { background-position: -416px 4px; } .progressMeter li.five { background-position: -565px 4px; } .progressMeter li.current { background-position: 4px -468px; color: #71b53e; font-weight: 600; } .progressMeter li.current.two { background-position: -138px -468px; } .progressMeter li.current.three { background-position: -268px -468px; } .progressMeter li.current.four { background-position: -416px -468px; } .progressMeter li.current.five { background-position: -565px -468px; } .zoomGallery { border: solid 1px #e0e0e0; margin-bottom: 0.5em; overflow: auto; } .zoomGallery img { width: 100%; } .productGallery .bx-wrapper { margin-bottom: 0.5em !important; } #zoomGalleryThumbs { list-style: none; margin-bottom: 0.5em; } .zoomGallery img, #zoomGalleryThumbs img { display: block; } #zoomGalleryThumbs a { border: 1px solid #e0e0e0; display: block; outline: none; } #zoomGalleryThumbs a.active { border: 1px solid #00adee; } .productGallery .bx-wrapper .bx-prev { height: 32px; width: 20px; top: 50%; background-position: 1px -38px; } .productGallery .bx-wrapper .bx-prev:hover { height: 32px; width: 20px; background-position: 1px 8px; } .productGallery .bx-wrapper .bx-next { height: 32px; width: 20px; top: 50%; background-position: -56px -38px; } .productGallery .bx-wrapper .bx-next:hover { height: 32px; width: 20px; background-position: -56px 8px; } .stepByStep { position: relative; text-align: center; margin-bottom: 0.5em; background-color: #f2f2f2; border: 1px solid #dddddd; display: none; } .stepByStep a { display: block; padding: 36% 0 0.5em 0; } .stepByStep span, .stepByStep i { z-index: 2; position: relative; padding: 0 1%; display: block; font-style: normal; } .stepByStep span { font-weight: 500; font-size: 1em; } .stepByStep img { position: absolute; left: 0; top: 0; z-index: 1; border-bottom: solid 1px #FFFFFF; } .categoryFilter { font-size: 0.875em; margin-bottom: 1em; } .categoryFilter div { margin-top: 0.5em; } .categoryFilter h1 { font-weight: 500; text-transform: uppercase; color: #FFFFFF; background-color: #111111; border-radius: 0; } .categoryFilter h1 a { padding: 0.5em; color: #FFFFFF; cursor: pointer; display: block; position: relative; } .categoryFilter h1 a span { position: absolute; top: 50%; right: 1.908396946564885%; width: 11px; margin-top: -4px; height: 8px; background-repeat: no-repeat; display: block; } .categoryFilter h1 a span { background-position: 0 0; } .categoryFilter h1 a.active span { background-position: -11px 0; } .categoryFilter h2 { border-bottom: solid 1px #939598; padding-bottom: 0.5em; margin-bottom: 0.5em; color: #000000; font-weight: 500; text-transform: uppercase; } .categoryFilter ul, .categoryFilter ol { list-style: none; margin-bottom: 1em; } .categoryFilter ol li label { display: block; padding-left: 18px; color: #747577; } .categoryFilter ol li label input[type="checkbox"] { margin-left: -20px; margin-right: 6px; } .categoryFilter ul li { padding-left: 1em; background: url(https://juicebox.easx.eu/layout/blackArrow.png?v-637212048044010000) no-repeat 5px 7px; } .categoryFilter ul li.hidden { display: none; } .categoryFilter .buttons { text-align: center; margin-bottom: 0.5em; } .tinynav { display: none; padding: 0; height: 27px; vertical-align: top; } .vendor-ie-8 .categoryFilter div { display: block !important; } .contentFooter { border-top: solid 1px #000000; border-bottom: solid 1px #000000; } .contentFooter.inset { padding: 0; } .contentFooter .col { margin-top: 0; margin-bottom: 0; } .contentFooter ol { list-style: none; font-size: 0.8125em; margin: 1em 0 0; } .contentFooter ol li { display: inline; } .contentFooter ol li a { display: inline-block; white-space: nowrap; margin: 0 1em 0.5em 0; } ul.socialIcons { list-style: none; text-align: right; margin: 0.5em 0 0; } ul.socialIcons li { display: inline; } ul.socialIcons li a { display: inline-block; width: 34px; height: 34px; text-indent: -9999em; direction: ltr; margin: 0 0.25em 0.25em 0.25em; background: url(https://juicebox.easx.eu/layout/social-icons.png?v-637212048044010000) no-repeat 0 -68px; text-align: left; } ul.socialIcons li a#facebook { background-position: 0 0; } ul.socialIcons li a#twitter { background-position: -34px 0; } ul.socialIcons li a#googlePlus { background-position: -68px 0; } ul.socialIcons li a#linkedIN { background-position: -102px 0; } ul.socialIcons li a#skype { background-position: -136px 0; } ul.socialIcons li a#youTube { background-position: -170px 0; } ul.socialIcons li a:hover, ul.socialIcons li a:focus { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } ul.socialIcons li a#facebook:hover, ul.socialIcons li a#facebook:focus { background-position: 0 -34px; } ul.socialIcons li a#twitter:hover, ul.socialIcons li a#twitter:focus { background-position: -34px -34px; } ul.socialIcons li a#googlePlus:hover, ul.socialIcons li a#googlePlus:focus { background-position: -68px -34px; } ul.socialIcons li a#linkedIN:hover, ul.socialIcons li a#linkedIN:focus { background-position: -102px -34px; } ul.socialIcons li a#skype:hover, ul.socialIcons li a#skype:focus { background-position: -136px -34px; } ul.socialIcons li a#youTube:hover, ul.socialIcons li a#youTube:focus { background-position: -170px -34px; } .footerBanners { width: 100% !important; max-width: none !important; } .footerBanners .smallBanners { width: 92%; max-width: 90em; text-align: center; margin: 0 auto; } .footerBanners .smallBanner { width: 23.5%; display: inline-block; font-size: 0; margin: 1% 0 1% 2%; } .footerBanners .smallBanner:nth-child(4n+1) { margin-left: 0; } .footerBanners .smallBanner img { display: block; width: 100%; } footer div.col { margin: 0 0 0 1%; } footer a:link, footer a:visited { color: #ffffff; } footer a:hover, footer a:active { color: #71b53e; } footer ol { list-style: none; font-size: 0.875em; padding: 1em 0; text-align: center; margin-bottom: 1em; background-color: #222222; } footer ol li { display: inline-block; margin: 0.3em 1em; } footer ol li a:hover:before, footer ol li a:active:before { background-color: #71b53e; } footer address { font-style: normal; padding: 1em; color: #bcbcbc; } footer address h3 { font-weight: 400; font-size: 1.2em; margin: 0 0 0.3em 0; display: inline-block; color: #71b53e; } footer address p { font-size: 0.875em; margin: 0 0 1em; } footer .specialPhone { display: inline-block; border-radius: 6px; background-color: #9e0b0f; padding: 8px 5px 8px 50px; font-size: 1.5em; background-repeat: no-repeat; background-position: 8px -212px; } footer address strong { font-weight: 600; } #sub-footer { padding: 1em 0; background: #ffffff; text-align: center; } p#footerSig { font-size: 0.8em; } p#footerSig i { font-style: normal; } p#author { width: 81px; height: 24px; margin: 0.5em auto 0; } p#author a { display: block; width: 81px; height: 24px; text-indent: -999em; direction: ltr; background-repeat: no-repeat; background-position: -19px -176px; } footer .wsPay { text-align: center; margin: 2em 0 1em; vertical-align: top; } footer .wsPay a { display: inline-block; margin: 0 0.2em 0.5em; background-color: #FFFFFF; border-radius: 0; padding: 2px; min-height: 50px; } footer .wsPay .trustwaveBadge { display: inline-block; vertical-align: top; margin: 0 0.2em 0.5em; } footer .wsPay a img { display: block; } .footerLogo { text-align: center; } .footerLogo a { display: inline-block; opacity: 0.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 0.5em 0; } .footerLogo a:hover { opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .newsletter { color: #bcbcbc; padding: 1em; } .newsletter h3 { font-weight: 400; font-size: 1.2em; margin: 0 0 0.3em 0; display: inline-block; color: #71b53e; } .newsletter p { font-size: 0.875em; margin: 0 0 1em; } .newsletterBox { position: relative; height: 32px; max-height: 32px; } .newsletterBox input.txtBox { font-size: 0.8em; width: 100%; height: 30px; line-height: 30px; color: #000000; background-color: #ffffff; border: none; padding: 0 32px 0 5px; } .newsletterBox input.btn { background-repeat: no-repeat; position: absolute; border: none; font-size: 0.1px; line-height: 0; text-indent: -999em; direction: ltr; color: #FC0; cursor: pointer; width: 30px; height: 30px; top: 0; right: 0; } .newsletterBox input.btn { background-position: -34px -10px; } .newsletterBox input.txtBox:focus { background: #71b53e; border: none; box-shadow: none; } .searchBox { position: absolute; right: 38px; top: 0; padding: 2px; font-size: 0.875em; z-index: 10002; } .searchBox.active { background: #222222; padding: 5px; top: 0 !important; } .searchBox.active .popUpToggle { display: none; } .searchBox .popUpToggle { background: #ffffff url(https://juicebox.easx.eu/layout/search-icon.png?v-637212048044010000) no-repeat 6px 6px; background-size: 20px 20px; display: block; width: 32px; height: 32px; text-indent: 100%; white-space: nowrap; overflow: hidden; float: left; cursor: pointer; border-radius: 100%; } .searchBox fieldset { border: none; } .searchBox .popUpMenu { display: none; } .searchBox .popUpMenu.active { display: block; } .searchBox fieldset, .searchBox fieldset input { float: left; } .searchBox fieldset input:first-child { margin-right: 3px; } .searchBox input.txtBox { background: #ffffff; width: 200px; padding: 8px 5px; border: none; color: #000000; } .searchBox input.txtBox:focus { background: #eeeeee; } .searchBox input.txtBox::-webkit-input-placeholder, .searchBox input.txtBox::-moz-placeholder, .searchBox input.txtBox:-ms-input-placeholder, .searchBox input.txtBox:-moz-placeholder { color: #000000; opacity: 0.7; } .searchBox .button.green { background-color: #e74c3c; box-shadow: 0 3px 0 0 #CE3323; } .searchBox .button.green:hover, .searchBox .button.green:active { background-color: #FF6656; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .button { display: inline-block; padding: 10px 15px; cursor: pointer; vertical-align: middle; line-height: 1.2; border-spacing: 0; border: none; color: #ffffff !important; position: relative; text-transform: uppercase; } .button:active { transform: translate(0px, 3px); -webkit-transform: translate(0px, 3px); -ms-transform: translate(0px, 3px); box-shadow: 0 0 0 0 !important; } .button.small { padding: 2px 2px 1px; font-size: 1em !important; text-transform: uppercase; } .button.addToBasket { font-size: 0; line-height: 0; padding: 5px; } .button.addToBasket span { display: inline-block; width: 20px; height: 19px; text-indent: 9999em; direction: rtl; overflow: hidden; background: url(https://juicebox.easx.eu/layout/basket-icon-small.png?v-637212048044010000) no-repeat center center; } .button i { display: inline-block; width: 15px; height: 13px; vertical-align: middle; } .button.facebook { background-color: #3B5998; border: 1px solid #3B5998; color: #FFFFFF; } .button.facebook:hover, .button.facebook:active { background-color: #294784; } .button.facebook i { background: url(https://juicebox.easx.eu/layout/white_facebook.png?v-637212048044010000) no-repeat 0 0; margin-right: 5px; border-right: solid 1px #5e81cb; } .button.twitter { background-color: #55ACEE; border: 1px solid #55ACEE; color: #FFFFFF; } .button.twitter:hover, .button.twitter:active { background-color: #3995D6; } .button.twitter i { background: url(https://juicebox.easx.eu/layout/white_twitter_bird.png?v-637212048044010000) no-repeat 0 0; margin-right: 5px; border-right: solid 1px #84CCFF; } .button.gray { background-color: #777777; } .button.gray:hover, .button.gray:active { background-color: #888888; } .button.green { background-color: #232222; } .button.green:hover { background-color: #234444; } .button.yellow { background-color: #232222; } .button.yellow:hover { background-color: #232222; } .button.blue { background-color: #55acee; } .button.blue:hover, .button.blue:active { background-color: #6FC6FF; } .button.red { background-color: #e74c3c; } .button.red:hover, .button.red:active { background-color: #FF6656; } .button.light-blue { background-color: #87b4ec; border: none; color: #FFFFFF; } .button.light-blue:hover, .button.light-blue:active { background-color: #75a5e1; } .general-plain .photo .button.blue { padding: 8px; font-size: 1em; } .breadcrumbs { font-size: 0.75em; margin: 0 0 1em; } .breadcrumbs ul { padding: 0 0.1em 0; text-align: left; } .breadcrumbs ul li { display: inline; } .breadcrumbs ul li a { display: inline-block; color: #999; } .breadcrumbs ul li:after { content: '/'; padding: 0 0.25em 0 0.5em; color: #999; } .breadcrumbs ul li.last:after, .breadcrumbs ul li:last-child:after { content: '' !important; } .pagination { padding-top: 0.5em; margin: 1em 0; font-size: 0.875em; } .pagination ul { display: inline-block; font-size: 0; } .pagination li { display: inline-block; margin: 0 2px 3px; } .pagination li a, .pagination li span { font-size: 14px; } .pagination li span { display: inline-block; width: 32px; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .pagination a { display: block; line-height: 32px; background: #ffffff; } .pagination a:hover { color: #71b53e; background: #000000; } .pagination .active a { color: #71b53e; cursor: default; background: #000000; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } input, select, textarea { font-family: 'Open Sans', sans-serif; } select { padding: 6px; background-color: #eeeeee; border: 1px solid #cccccc; } .contentForm { border: solid 1px #eeeeee; margin-bottom: 1em; } .contentForm legend { font-weight: 600; padding: 0.5em; margin-left: 2%; text-transform: uppercase; width: 96%; color: #000000; } .contentForm legend span { display: block; font-size: 0.75em; font-weight: normal; font-style: normal; } .contentForm legend span a { color: #9e0b0f !important; } .contentForm > div { font-size: 0.875em; margin: 0 0 1em 0; } .contentForm > div:before, .contentForm > div:after { content: ""; display: table; } .contentForm > div:after { clear: both; } .contentForm .inset { padding-left: 30%; } .contentForm .inset.wspay a, .cms.wspay a { display: inline-block; margin: 0.5em 0.5em 0.5em 0; } .cms.wspay { text-align: center; } .contentForm > div p { margin: 0 0.5em 1em; } .contentForm .editable { padding-top: 5px; } .contentForm .hidden { display: none; } .vendor-ie-8 .contentForm .hidden { padding-top: 7px; } .contentForm .fieldLabel { display: block; float: left; width: 30%; text-align: right; } .contentForm .fieldLabel span { display: inline-block; padding-right: 10px; } .contentForm .formField span.selectionDesc { display: block; padding-left: 1.4em; margin-bottom: 0.5em; font-style: normal; } .contentForm label.fieldLabel span { padding-top: 4px; } .contentForm .formField { width: 70%; float: right; } .contentForm .formField div { float: left; margin-right: 0.5em; } .contentForm .formField div:last-child { margin-right: 0; } .contentForm .formField.breakLine div { float: none; margin: 0 0 0.3em 0; } .contentForm .inset .formField { float: left; width: 100%; } .contentForm .inset p { margin: 0 0 1em; } .contentForm .grayed { color: #999999; } .contentForm input.txtBox { width: 70%; padding: 5px 5px 6px; background-color: #eeeeee; border: 1px solid #cccccc; } .contentForm .txtArea { font-size: 0.875em; width: 70%; min-width: 70%; max-width: 70%; padding: 5px; background-color: #eeeeee; border: 1px solid #cccccc; } input[type="checkbox"], input[type="radio"] { padding: 0; vertical-align: top; margin-top: 3px; } .vendor-ie-8 input[type="checkbox"], .vendor-ie-8 input[type="radio"] { margin-top: -3px; vertical-align: middle; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, .txtArea:focus, select:focus { outline: 0; border: 1px solid #71b53e; background-color: #FFFFFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .contentForm em { color: #bf0101; font-weight: 500; padding-right: 4px; } .contentForm .button { font-size: 1em; } input[disabled], select[disabled], textarea[disabled], input[disabled]:focus, select[disabled]:focus, textarea[disabled]:focus { background-color: #dddddd !important; color: #666666 !important; box-shadow: none !important; border-color: #cccccc !important; } input[disabled='disabled']:focus, select[disabled='disabled']:focus, textarea[disabled='disabled']:focus { background-color: #dddddd !important; color: #666666 !important; box-shadow: none !important; border-color: #cccccc !important; } fieldset.buttons { text-align: center; margin-bottom: 1em; } fieldset.buttons label { display: inline-block; margin: 0 0.25em 0.5em; } .contentForm.terms label { display: block; position: relative; font-size: 0.875em; margin: 0 0.5em 0.5em; } .contentForm.terms label input[type='checkbox'], .contentForm.terms label input[type='radio'] { position: absolute; top: 0; left: 0; } .contentForm.terms label.conditional { display: none; padding-left: 1.5em; } .contentForm.terms label.conditional.active { display: block; } .contentForm.terms label span { display: block; padding-left: 1.5em; } .contentForm.terms label a { text-decoration: underline; } .promoCodeMsg-success, .promoCodeMsg-error { margin: 1em 0.5em 0.5em; font-size: 0.875em; padding: 15px 20px 15px 80px; min-height: 80px; border-style: solid; border-width: 1px; background-image: url(https://juicebox.easx.eu/layout/bg-boxCouponCode.png?v-637212048044010000); background-repeat: no-repeat; color: #000000; clear: both; } .promoCodeMsg-success span, .promoCodeMsg-error span { text-decoration: underline; } .promoCodeMsg-success { background-position: 10px 10px; background-color: #ffffff; border-color: #1DC725; } .promoCodeMsg-error { background-position: 10px -238px; background-color: #ffffff; border-color: #E62525; } .messageBox { margin-bottom: 1em; font-size: 0.875em; padding: 1em 1em 2.3em 90px; position: relative; } .alert { background: #ffffff url(https://juicebox.easx.eu/layout/bg-boxAlert.png?v-637212048044010000) no-repeat 6px 6px; border: solid 1px #FEBC00; } .info { background: #ffffff url(https://juicebox.easx.eu/layout/bg-boxInfo.png?v-637212048044010000) no-repeat 6px 6px; border: solid 1px #349744; } .infoOrder { background: #ffffff url(https://juicebox.easx.eu/layout/bg-boxInfoOrder.png?v-637212048044010000) no-repeat 6px 6px; border: solid 1px #9e0b0f; } .error { background: #ffffff url(https://juicebox.easx.eu/layout/bg-boxError.png?v-637212048044010000) no-repeat 6px 6px; border: solid 1px #CC0000; } .messageBox ul li { list-style: circle outside; margin-bottom: 0.3em; } .resp-tabs-list li { display: inline-block; padding: 0.5em; list-style: none; cursor: pointer; text-align: center; font-size: 0.875em; } .resp-tabs-container { background-color: #FFFFFF; clear: left; font-size: 0.875em; margin-bottom: 1em; } h2.resp-accordion { cursor: pointer; padding: 0.5em; display: none; border: 1px solid #eeeeee; border-top: none; font-weight: 500; } .resp-tab-content { display: none; padding: 0.5em; border-top: 2px solid #eeeeee; } .resp-tab-active { border: 1px solid #eeeeee; border-bottom: none; margin-bottom: -1px !important; padding: 0.4375em 0.4375em 0.5626em 0.4375em !important; background-color: #eeeeee !important; } .vendor-ie .resp-tab-active, .vendor-opera .resp-tab-active { padding-bottom: 0.6em !important; position: relative; } .resp-content-active, .resp-accordion-active { display: block; } h2.resp-tab-active { border-bottom: none !important; margin-bottom: 0 !important; padding: 0.5em !important; font-weight: 600; background: #eeeeee !important; } .resp-arrow { width: 0; height: 0; float: right; margin-top: 0.5em; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000000; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #000000; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #111111; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #111111 !important; } .resp-jfit { width: 100%; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { border-top: 1px solid #eeeeee !important; } .resp-tabs-container .relatedProducts.productList { font-size: 1.1428em; } .resp-tabs-container .relatedProducts.productList .productBox { width: 32.6666%; } .resp-tabs-container .relatedProducts.productList .productBox:nth-child(3n+1) { margin-left: 0; } .productGallery .resp-tabs-container .relatedProducts.productList .productBox { width: 49.5%; } .productGallery .resp-tabs-container .relatedProducts.productList .productBox:nth-child(2n+1) { margin-left: 0; } .documents ol { list-style: none; } .documents a { display: block; padding: 0.5em 0 0.5em 40px; } .documents a:hover { background-color: #eeeeee !important; } .documents ol li { margin-bottom: 0.5em; border-bottom: solid 1px #eeeeee; } .documents ol li:last-child { margin-bottom: 0; border-bottom: none; } .documents ol li.pdf a { background: url(https://juicebox.easx.eu/layout/icon-file-pdf.png?v-637212048044010000) no-repeat 0 0.5em; } .documents ol li.doc a, .documents ol li.docx a { background: url(https://juicebox.easx.eu/layout/icon-file-doc.png?v-637212048044010000) no-repeat 0 0.5em; } .documents ol li.rar a { background: url(https://juicebox.easx.eu/layout/icon-file-rar.png?v-637212048044010000) no-repeat 0 0.5em; } .documents ol li.xls a { background: url(https://juicebox.easx.eu/layout/icon-file-xls.png?v-637212048044010000) no-repeat 0 0.5em; } .documents ol li.xlsx a { background: url(https://juicebox.easx.eu/layout/icon-file-xlsx.png?v-637212048044010000) no-repeat 0 0.5em; } .documents ol li.ppt a { background: url(https://juicebox.easx.eu/layout/icon-file-ppt.png?v-637212048044010000) no-repeat 0 0.5em; } .documents ol li.file a { background: url(https://juicebox.easx.eu/layout/icon-file-blank.png?v-637212048044010000) no-repeat 0 0.5em; } .documents ol li span { display: block; color: #666; } .videoGallery .videoContainer { width: 100%; margin-bottom: 0.5em; border-bottom: solid 1px #eeeeee; } .videoGallery .videoContainer:last-child { margin-bottom: 0; border-bottom: none; } .videoContainer div { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .videoContainer div iframe, .videoContainer div object, .videoContainer div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoContainer h2 { margin: 0.5em 0; font-weight: 500; } .videoContainer p { margin-bottom: 0.5em; } .iFrameContainer { width: 100%; margin-bottom: 1em; } .highlight .iFrameContainer { margin-bottom: 0; padding: 0; background: none; } .iFrameContainer div { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .iFrameContainer div iframe, .iFrameContainer div object, .iFrameContainer div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .photoGallery .imageContainer { width: 24.25%; margin-left: 1%; float: left; border: solid 2px #EEEEEE; } .photoGallery .imageContainer:hover { border: solid 2px #D0D0D0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .photoGallery .imageContainer img { display: block; } .photoGallery .imageContainer:nth-child(4n+1) { margin-left: 0; } .photoGallery .row { margin-bottom: 0.5em; } .singleContact { margin-bottom: 0.5em; border-bottom: solid 1px #eeeeee; padding-bottom: 0.5em; } .singleContact:last-child { border-bottom: none; } .singleContact .contactPhoto { width: 25%; float: left; } .singleContact .skypeContainer { display: inline-block; height: 28px; overflow: hidden; } .singleContact .skypeContainer img { margin: 0 !important; vertical-align: 0 !important; } .singleContact h2, .singleContact ul { float: right; width: 72%; } .singleContact h2 { background-color: #eeeeee; margin-bottom: 0.5em; padding: 1%; color: #000000; font-weight: 500; } .singleContact h2 span.jobTitle { display: block; font-weight: normal; font-size: 0.857em; color: #000; } .singleContact ul { list-style: none; padding: 0 1%; position: relative; } .singleContact ul li { margin-bottom: 0.5em; } .singleContact ul li.social { clear: both; } .singleContact ul li.social a { margin-right: 0.5em; } .singleContact .getInTouch { clear: both; text-align: right; font-size: 1.1428em; } .wysiwyg.longDesc { font-size: 0.875em; } .wysiwyg p { margin-bottom: 1em; } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-weight: 600; margin-bottom: 1em; clear: both; } .wysiwyg h1 { font-size: 1.4285em; } .wysiwyg h2 { font-size: 1.2857em; } .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-size: 1.1428em; } .wysiwyg ul, .wysiwyg ol, .wysiwyg dl { margin: 1em 1em 1em 2em; } .wysiwyg ol li { list-style: decimal outside; line-height: 1.5; } .wysiwyg ul li { list-style: disc outside; line-height: 1.5; } .wysiwyg strong, .wysiwyg b { font-weight: 600; } .notification { background: #ffffff; border: solid 3px #71b53e; position: fixed; top: 0.5em; left: 0.5%; width: 99%; padding: 1em; text-align: center; z-index: 999999; color: #000000; } .notification .wysiwyg { font-size: 0.875em; margin: 0 auto; max-width: 70em; } .notification .wysiwyg ul, .notification .wysiwyg ul li { list-style: none; } .notification .buttons, .extraButtons { text-align: center; } .notification.hide { display: none; } .responsiveTable { border: none; border-collapse: separate; margin-bottom: 1em; width: 100%; border-spacing: 1px; } .responsiveTable td.alwaysLeft { text-align: left; } .responsiveTable caption { padding: 0.5em; background-color: #111111; font-size: 1.1428em; font-weight: 500; color: #FFFFFF; } .responsiveTable td, .responsiveTable th { text-align: left; padding: 0.3em; border: solid 1px #111111; } .responsiveTable th { background-color: #e6e6e6; } .responsiveTable tr:first-child th:first-child, .responsiveTable tr:first-child td:first-child { border-top-left-radius: 6px; } .responsiveTable tr:first-child th:last-child, .responsiveTable tr:first-child td:last-child { border-top-right-radius: 6px; } .responsiveTable tr:last-child th, .responsiveTable tr:last-child td:first-child { border-bottom-left-radius: 6px; } .responsiveTable tr:last-child td:last-child { border-bottom-right-radius: 6px; } .productBox .prices, .button.addToBasket, .productDetails .prices, .general-compact, .quantityPop, .notAvailable { display: none !important; } ul.contact-icons { margin: 0; padding: 0; } ul.contact-icons li { list-style: none; margin: 0 0 1em; padding: 0 0 0 35px; } ul.contact-icons li.tel { background: url(https://juicebox.easx.eu/layout/icons/contact-icons-tel.png?v-637212048044010000) no-repeat; background-size: contain; } ul.contact-icons li.fax, ul.contact-icons li.web { background-image: url(https://juicebox.easx.eu/layout/icons/contact-icons-web.png?v-637212048044010000); } ul.contact-icons li.fax { background-size: contain; background-repeat: no-repeat; } ul.contact-icons li.email { background: url(https://juicebox.easx.eu/layout/icons/contact-icons-email.png?v-637212048044010000) no-repeat; background-size: contain; } ul.contact-icons li.web { background-repeat: no-repeat; background-size: contain; } .vertical-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .DeliveryPopup.mfp-bg, .DeliveryPopup.mfp-wrap { background: none; } .DeliveryPopup .mfp-content, .DeliveryPopup .menu-delivery-popup { border: none !important; background: none !important; } .menu-delivery-popup .close-menu-delivery-popup { display: block; width: 32px; height: 32px; line-height: 32px; font-size: 18px; background-color: #EF6940; color: #ffffff; position: absolute; right: -9px; top: -9px; text-align: center; border-bottom-left-radius: 4px; } .menu-delivery-popup .close-menu-delivery-popup:before { font-family: 'FontAwesome'; content: '\f00d'; } .menu-delivery-popup { font-size: 0.875em; height: 100%; background-color: #ffffff; } .menu-delivery-popup .vertical-container { width: 50%; padding: 25px 25px 1px; background: #ffffff; border: 10px solid #EF6940; box-shadow: 0 0 50px #000000; } .menu-delivery-popup .vertical-container:before { display: block; width: 91px; height: 34px; content: ''; background-repeat: no-repeat; background-position: -15px -168px; position: absolute; left: 50%; top: -34px; margin-left: -45px; background-color: #ffffff; border-radius: 4px 4px 0 0; border: solid 2px #EF6940; border-bottom: none; } .menu-delivery-popup p { margin-bottom: 15px; font-size: 1em; } .menu-delivery-popup p strong { color: #EF6940; } .menuDeliveryChoice { background-color: #FFFFFF; margin-bottom: 1px; clear: both; } .menuDeliveryChoice label { display: block; margin-bottom: 1em; position: relative; padding-left: 38px; } .menuDeliveryChoice .email-group { margin-bottom: 1em; } .menuDeliveryChoice .email-group .col { margin-top: 0; } .menuDeliveryChoice .email-group label { padding-left: 0; margin-bottom: 0.2em; font-weight: 600; } .menuDeliveryChoice .email-group .login-button { text-align: right; padding-top: 1.1428em; } .menuDeliveryChoice .optional { margin-bottom: 1em; padding-left: 38px; padding-bottom: 1px; } .menuDeliveryChoice .optional label { padding-left: 0; margin-bottom: 0.2em; font-weight: 600; } .menuDeliveryChoice .optional .col { margin-top: 0; } .menuDeliveryChoice label.radio { padding-top: 5px; } .menuDeliveryChoice .radio:before { font-family: 'FontAwesome'; font-size: 28px; line-height: 28px; content: '\f10c'; position: absolute; left: 0; top: 0; color: #CCCCCC; } .menuDeliveryChoice .radio.selected:before { content: '\f05d'; color: #EF6940; } .menuDeliveryChoice label input[type="radio"] { position: absolute; visibility: hidden; left: 0; top: 0; } .menuDeliveryChoice input.txtBox { width: 100%; padding: 5px 0; background-color: #ffffff; border: none; border-bottom: 1px solid #cccccc; box-shadow: none; } .menuDeliveryChoice input.txtBox:focus { background-color: #ffffff; border-color: #EF6940; } .menuDeliveryChoice .hidden { display: none; } .menuDeliveryChoice .units { text-align: center; vertical-align: top; clear: both; } .menuDeliveryChoice .unit { display: inline-block; padding: 0.5em; text-align: center; width: 200px; font-weight: 600; border: solid 1px #EF6940; margin: 0 5px 1em; vertical-align: top; min-height: 76px; } .menuDeliveryChoice .unit:hover, .menuDeliveryChoice .unit:active, .menuDeliveryChoice .unit:focus, .menuDeliveryChoice .unit.selected { color: #FFFFFF; background-color: #EF6940; } .menuDeliveryChoice .unit span { display: block; font-weight: 400; margin-bottom: 1px; } .menuDeliveryChoice .unit.disabled, .menuDeliveryChoice .unit.disabled:hover, .menuDeliveryChoice .unit.disabled:active, .menuDeliveryChoice .unit.disabled:focus, .menuDeliveryChoice .unit.disabled.selected { color: #999999 !important; border: dotted 1px #DDDDDD; cursor: default; background-color: #FFFFFF; } .menuDeliveryChoice .selectBox { overflow: hidden; width: 100%; vertical-align: middle; position: relative; padding-top: 1px; } .menuDeliveryChoice .selectBox:before { display: block; font-family: 'FontAwesome'; content: '\f078'; position: absolute; top: 2px; bottom: 1px; right: 1px; background-color: #ffffff; width: 32px; text-align: center; color: #BBBBBB; cursor: default; pointer-events: none; font-size: 16px; line-height: 30px; } .menuDeliveryChoice .selectBox select { font-family: 'Open Sans', Arial, Helvetica, sans-serif; width: 100%; background-color: #ffffff; border: none; border-bottom: solid 1px #CCCCCC; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; outline: none; font-size: 14px; padding: 5px 0; } .menuDeliveryChoice .selectBox select:focus { outline: 0; border-color: #71b53e; background-color: #ffffff; box-shadow: none; } .chosenUnits { font-size: 0.875em; margin-bottom: 1em; padding: 0.5em; background-color: #71b53e; } .chosenUnits .unit { color: #ffffff; position: relative; padding-left: 48px; float: left; } .chosenUnits .unit em { display: inline-block; border-bottom: solid 1px #ffffff; font-style: normal; margin-bottom: 0.3em; } .chosenUnits .unit span { display: block; color: #232222; } .chosenUnits .unit:before { display: block; font-family: 'FontAwesome'; content: '\f0f5'; font-size: 32px; position: absolute; top: 0; left: 10px; } .chosenUnits .button { float: right; margin: 0.65em; text-transform: uppercase; padding: 6px; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; }