<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn &gt; .caret, .dropup &gt; .btn &gt; .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -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; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.42857143; color: #3d3e3d; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #7caa7b; text-decoration: none; } a:hover, a:focus { color: #3d3e3d; text-decoration: none; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto Slab", serif; font-weight: 700; line-height: 1.1; color: #1d1b28; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: 400; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 39px; } h2, .h2 { font-size: 31px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 16px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #1d1b28; } a.text-primary:hover, a.text-primary:focus { color: #07060a; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #1d1b28; } a.bg-primary:hover, a.bg-primary:focus { background-color: #07060a; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline &gt; li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "\2014 \00A0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eeeeee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: "\00A0 \2014"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } table { background-color: transparent; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table &gt; thead &gt; tr &gt; th, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table &gt; thead &gt; tr &gt; th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table &gt; caption + thead &gt; tr:first-child &gt; th, .table &gt; colgroup + thead &gt; tr:first-child &gt; th, .table &gt; thead:first-child &gt; tr:first-child &gt; th, .table &gt; caption + thead &gt; tr:first-child &gt; td, .table &gt; colgroup + thead &gt; tr:first-child &gt; td, .table &gt; thead:first-child &gt; tr:first-child &gt; td { border-top: 0; } .table &gt; tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed &gt; thead &gt; tr &gt; th, .table-condensed &gt; tbody &gt; tr &gt; th, .table-condensed &gt; tfoot &gt; tr &gt; th, .table-condensed &gt; thead &gt; tr &gt; td, .table-condensed &gt; tbody &gt; tr &gt; td, .table-condensed &gt; tfoot &gt; tr &gt; td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; tbody &gt; tr &gt; th, .table-bordered &gt; tfoot &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td, .table-bordered &gt; tbody &gt; tr &gt; td, .table-bordered &gt; tfoot &gt; tr &gt; td { border: 1px solid #ddd; } .table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td { border-bottom-width: 2px; } .table-striped &gt; tbody &gt; tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover &gt; tbody &gt; tr:hover { background-color: #f5f5f5; } .table &gt; thead &gt; tr &gt; td.active, .table &gt; tbody &gt; tr &gt; td.active, .table &gt; tfoot &gt; tr &gt; td.active, .table &gt; thead &gt; tr &gt; th.active, .table &gt; tbody &gt; tr &gt; th.active, .table &gt; tfoot &gt; tr &gt; th.active, .table &gt; thead &gt; tr.active &gt; td, .table &gt; tbody &gt; tr.active &gt; td, .table &gt; tfoot &gt; tr.active &gt; td, .table &gt; thead &gt; tr.active &gt; th, .table &gt; tbody &gt; tr.active &gt; th, .table &gt; tfoot &gt; tr.active &gt; th { background-color: #f5f5f5; } .table-hover &gt; tbody &gt; tr &gt; td.active:hover, .table-hover &gt; tbody &gt; tr &gt; th.active:hover, .table-hover &gt; tbody &gt; tr.active:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .active, .table-hover &gt; tbody &gt; tr.active:hover &gt; th { background-color: #e8e8e8; } .table &gt; thead &gt; tr &gt; td.success, .table &gt; tbody &gt; tr &gt; td.success, .table &gt; tfoot &gt; tr &gt; td.success, .table &gt; thead &gt; tr &gt; th.success, .table &gt; tbody &gt; tr &gt; th.success, .table &gt; tfoot &gt; tr &gt; th.success, .table &gt; thead &gt; tr.success &gt; td, .table &gt; tbody &gt; tr.success &gt; td, .table &gt; tfoot &gt; tr.success &gt; td, .table &gt; thead &gt; tr.success &gt; th, .table &gt; tbody &gt; tr.success &gt; th, .table &gt; tfoot &gt; tr.success &gt; th { background-color: #dff0d8; } .table-hover &gt; tbody &gt; tr &gt; td.success:hover, .table-hover &gt; tbody &gt; tr &gt; th.success:hover, .table-hover &gt; tbody &gt; tr.success:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .success, .table-hover &gt; tbody &gt; tr.success:hover &gt; th { background-color: #d0e9c6; } .table &gt; thead &gt; tr &gt; td.info, .table &gt; tbody &gt; tr &gt; td.info, .table &gt; tfoot &gt; tr &gt; td.info, .table &gt; thead &gt; tr &gt; th.info, .table &gt; tbody &gt; tr &gt; th.info, .table &gt; tfoot &gt; tr &gt; th.info, .table &gt; thead &gt; tr.info &gt; td, .table &gt; tbody &gt; tr.info &gt; td, .table &gt; tfoot &gt; tr.info &gt; td, .table &gt; thead &gt; tr.info &gt; th, .table &gt; tbody &gt; tr.info &gt; th, .table &gt; tfoot &gt; tr.info &gt; th { background-color: #d9edf7; } .table-hover &gt; tbody &gt; tr &gt; td.info:hover, .table-hover &gt; tbody &gt; tr &gt; th.info:hover, .table-hover &gt; tbody &gt; tr.info:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .info, .table-hover &gt; tbody &gt; tr.info:hover &gt; th { background-color: #c4e3f3; } .table &gt; thead &gt; tr &gt; td.warning, .table &gt; tbody &gt; tr &gt; td.warning, .table &gt; tfoot &gt; tr &gt; td.warning, .table &gt; thead &gt; tr &gt; th.warning, .table &gt; tbody &gt; tr &gt; th.warning, .table &gt; tfoot &gt; tr &gt; th.warning, .table &gt; thead &gt; tr.warning &gt; td, .table &gt; tbody &gt; tr.warning &gt; td, .table &gt; tfoot &gt; tr.warning &gt; td, .table &gt; thead &gt; tr.warning &gt; th, .table &gt; tbody &gt; tr.warning &gt; th, .table &gt; tfoot &gt; tr.warning &gt; th { background-color: #fcf8e3; } .table-hover &gt; tbody &gt; tr &gt; td.warning:hover, .table-hover &gt; tbody &gt; tr &gt; th.warning:hover, .table-hover &gt; tbody &gt; tr.warning:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .warning, .table-hover &gt; tbody &gt; tr.warning:hover &gt; th { background-color: #faf2cc; } .table &gt; thead &gt; tr &gt; td.danger, .table &gt; tbody &gt; tr &gt; td.danger, .table &gt; tfoot &gt; tr &gt; td.danger, .table &gt; thead &gt; tr &gt; th.danger, .table &gt; tbody &gt; tr &gt; th.danger, .table &gt; tfoot &gt; tr &gt; th.danger, .table &gt; thead &gt; tr.danger &gt; td, .table &gt; tbody &gt; tr.danger &gt; td, .table &gt; tfoot &gt; tr.danger &gt; td, .table &gt; thead &gt; tr.danger &gt; th, .table &gt; tbody &gt; tr.danger &gt; th, .table &gt; tfoot &gt; tr.danger &gt; th { background-color: #f2dede; } .table-hover &gt; tbody &gt; tr &gt; td.danger:hover, .table-hover &gt; tbody &gt; tr &gt; th.danger:hover, .table-hover &gt; tbody &gt; tr.danger:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .danger, .table-hover &gt; tbody &gt; tr.danger:hover &gt; th { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive &gt; .table { margin-bottom: 0; } .table-responsive &gt; .table &gt; thead &gt; tr &gt; th, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th, .table-responsive &gt; .table &gt; thead &gt; tr &gt; td, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td { white-space: nowrap; } .table-responsive &gt; .table-bordered { border: 0; } .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child { border-left: 0; } .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child { border-right: 0; } .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; appearance: none; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #3d3e3d; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #3d3e3d; background-color: #f5f5f5; background-image: none; border: 1px solid #f5f5f5; border-radius: 12px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #1d1b28; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(29, 27, 40, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(29, 27, 40, 0.6); } .form-control::-moz-placeholder { color: rgba(61, 62, 61, 0.4); opacity: 1; } .form-control:-ms-input-placeholder { color: rgba(61, 62, 61, 0.4); } .form-control::-webkit-input-placeholder { color: rgba(61, 62, 61, 0.4); } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #7c7e7c; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group &gt; .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -12px; margin-left: -12px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 12px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open &gt; .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open &gt; .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open &gt; .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open &gt; .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #1d1b28; border-color: #121119; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #07060a; border-color: #000000; } .btn-primary:hover { color: #fff; background-color: #07060a; border-color: #000000; } .btn-primary:active, .btn-primary.active, .open &gt; .dropdown-toggle.btn-primary { color: #fff; background-color: #07060a; background-image: none; border-color: #000000; } .btn-primary:active:hover, .btn-primary.active:hover, .open &gt; .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open &gt; .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open &gt; .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #000000; border-color: #000000; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #1d1b28; border-color: #121119; } .btn-primary .badge { color: #1d1b28; background-color: #fff; } .btn-success { color: #fff; background-color: #e0ebe0; border-color: #d0e1d0; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #c1d7c1; border-color: #83af83; } .btn-success:hover { color: #fff; background-color: #c1d7c1; border-color: #abc9ab; } .btn-success:active, .btn-success.active, .open &gt; .dropdown-toggle.btn-success { color: #fff; background-color: #c1d7c1; background-image: none; border-color: #abc9ab; } .btn-success:active:hover, .btn-success.active:hover, .open &gt; .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open &gt; .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open &gt; .dropdown-toggle.btn-success.focus { color: #fff; background-color: #abc9ab; border-color: #83af83; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #e0ebe0; border-color: #d0e1d0; } .btn-success .badge { color: #e0ebe0; background-color: #fff; } .btn-info { color: #fff; background-color: #dbe7f0; border-color: #c9dbe8; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #b7cfe1; border-color: #6f9fc3; } .btn-info:hover { color: #fff; background-color: #b7cfe1; border-color: #9ebed6; } .btn-info:active, .btn-info.active, .open &gt; .dropdown-toggle.btn-info { color: #fff; background-color: #b7cfe1; background-image: none; border-color: #9ebed6; } .btn-info:active:hover, .btn-info.active:hover, .open &gt; .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open &gt; .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open &gt; .dropdown-toggle.btn-info.focus { color: #fff; background-color: #9ebed6; border-color: #6f9fc3; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #dbe7f0; border-color: #c9dbe8; } .btn-info .badge { color: #dbe7f0; background-color: #fff; } .btn-warning { color: #fff; background-color: #fce7cf; border-color: #fbdbb7; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #f9cf9f; border-color: #f39f3f; } .btn-warning:hover { color: #fff; background-color: #f9cf9f; border-color: #f7be7d; } .btn-warning:active, .btn-warning.active, .open &gt; .dropdown-toggle.btn-warning { color: #fff; background-color: #f9cf9f; background-image: none; border-color: #f7be7d; } .btn-warning:active:hover, .btn-warning.active:hover, .open &gt; .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open &gt; .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open &gt; .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #f7be7d; border-color: #f39f3f; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #fce7cf; border-color: #fbdbb7; } .btn-warning .badge { color: #fce7cf; background-color: #fff; } .btn-danger { color: #fff; background-color: #f6d6d5; border-color: #f2c1c0; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #edadab; border-color: #db5b57; } .btn-danger:hover { color: #fff; background-color: #edadab; border-color: #e7908e; } .btn-danger:active, .btn-danger.active, .open &gt; .dropdown-toggle.btn-danger { color: #fff; background-color: #edadab; background-image: none; border-color: #e7908e; } .btn-danger:active:hover, .btn-danger.active:hover, .open &gt; .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open &gt; .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open &gt; .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #e7908e; border-color: #db5b57; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #f6d6d5; border-color: #f2c1c0; } .btn-danger .badge { color: #f6d6d5; background-color: #fff; } .btn-link { font-weight: 400; color: #7caa7b; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #3d3e3d; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert &gt; p, .alert &gt; ul { margin-bottom: 0; } .alert &gt; p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover &gt; .arrow { border-width: 11px; } .popover &gt; .arrow, .popover &gt; .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover &gt; .arrow:after { content: ""; border-width: 10px; } .popover.top &gt; .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top &gt; .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right &gt; .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right &gt; .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom &gt; .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom &gt; .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left &gt; .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left &gt; .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @font-face { font-family: 'FontAwesome'; src: url('/font/fontawesome-webfont.eot?v=4.7.0'); src: url('/font/fontawesome-webfont.eot?#iefix&amp;v=4.7.0') format('embedded-opentype'), url('/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/font/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul &gt; li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .button-styles-default { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .button-styles-default:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .button-styles-default:hover { color: #fff; background: #3d3e3d; } .news-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .news-item-styles &gt; .wrap { position: relative; width: 100%; height: 100%; padding: 100% 0 0 0; } .news-item-styles &gt; .wrap &gt; .in { height: 100%; } .news-item-styles .news-title { margin-top: 18px; } .news-item-styles .news-title h2 { font-size: 17px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-item-styles .news-text &gt; * { display: none; } .news-item-styles .news-text figure { display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 0; overflow: hidden; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .news-item-styles .news-text figure a { display: block; width: 100%; padding: 0 0 100% 0; background: rgba(29, 27, 40, 0); -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-item-styles .news-text figure a:hover { background: rgba(29, 27, 40, 0.4); } .news-item-styles .news-text figure img { display: none; } .news-item-styles .news-text p:first-of-type { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .news-item-styles .news-text .more { display: none; } .news-item-styles .news-text .read-more { display: block; position: absolute; top: -50px; right: 0; z-index: 10; margin: 100% 0 0 0; padding: 0 15px; line-height: 50px; color: #f5f5f5; background: #1d1b28; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .news-item-styles .news-tag { position: absolute; top: 10px; left: 10px; z-index: 10; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .news-item-styles .news-tags { position: absolute; top: 10px; left: 10px; z-index: 10; } .news-item-styles .news-tags .tags-title { display: none; } .news-item-styles .news-tags .tags-box { position: relative; padding-right: 40px; } .news-item-styles .news-tags .tags-box a { display: block; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .news-item-styles .news-tags .tags-box a:nth-child(1n+2) { visibility: hidden; } .news-item-styles .news-tags .tags-box .show-tags { position: absolute; top: 0; right: 0; z-index: 5; width: 34px; height: 34px; cursor: pointer; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat #ef8a17; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .news-item-styles .news-tags .tags-box.show a:nth-child(1n+2) { visibility: visible; } .news-item-styles .news-source { display: none; } @media (min-width: 768px) { .news-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .news-item-styles &gt; .wrap { padding-top: 75%; } .news-item-styles .news-title h2 { font-size: 21px; line-height: 25px; } .news-item-styles .news-text figure a { padding-bottom: 75%; } .news-item-styles .news-text .read-more { margin-top: 75%; } } .category-block-styles .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } .category-block-styles .product &gt; .wrap { display: block; width: 100%; height: 100% !important; max-height: 100%; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .category-block-styles .product &gt; .wrap &gt; a { position: relative; display: block; width: 100% !important; height: 100% !important; padding: 0; background: #4a7141; } .category-block-styles .product &gt; .wrap &gt; a:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; background: #1d1b28; -webkit-transition: 0.5s all; transition: 0.5s all; } .category-block-styles .product &gt; .wrap &gt; a:hover:before { opacity: 0.4; } .category-block-styles .product .picture { display: block; width: 100%; padding: 0 0 100% 0; margin-top: 0; background: none center no-repeat; background-size: cover; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .category-block-styles .product .picture img { display: none; } .category-block-styles .product .title { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 8px; line-height: 18px; text-align: center; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; background: #7caa7b; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; } @media (min-width: 768px) { .category-block-styles .product &gt; .wrap { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .category-block-styles .product .title { padding: 8px 24px; font-size: 16px; line-height: 20px; -webkit-border-radius: 40px 0 0 0; -moz-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0; } } @media (min-width: 992px) { .category-block-styles .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .brand-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .brand-item-styles a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-items: center !important; width: 100%; height: 100px; min-height: 100px; margin: 0; padding: 4px; font-weight: 700; color: #3d3e3d; border: 1px solid #f0f0f0; text-align: center; -webkit-transition: 0.5s all; transition: 0.5s all; } .brand-item-styles a:hover { border-color: #4a7141; } .brand-item-styles figure { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-content: center !important; padding: 0; margin: 0; width: 100%; height: 100%; } .brand-item-styles figure + span { display: none; } .brand-item-styles figure img { max-width: 100%; max-height: 100%; } .brand-item-styles &gt; span { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-items: center !important; width: 100%; height: 100px; min-height: 100px; margin: 0; padding: 4px; border: 1px solid #f0f0f0; text-align: center; } @media (min-width: 768px) { .brand-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .brand-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .product-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product-item-styles:hover { position: relative; z-index: 20; } .product-item-styles.has_old_price .price { color: #ef8a17; } .product-item-styles.has_old_price .direct_order { background-color: #ef8a17; } .product-item-styles &gt; .wrap { height: 100% !important; min-height: 100%; max-height: 100%; } .product-item-styles.has_text a { padding-bottom: 106px; } .product-item-styles a { left: auto !important; top: auto !important; position: relative !important; display: block; width: 100% !important; height: 100% !important; padding: 24px 16px 90px 16px; margin: 0 !important; color: #3d3e3d; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } .product-item-styles a.with-hover:hover .picture { display: none; } .product-item-styles a.with-hover:hover .picture-popup { display: block !important; } .product-item-styles .overlay { position: absolute; z-index: 10; } .product-item-styles .overlay.topleft { top: 8px; left: 8px; } .product-item-styles .overlay.topright { top: 0; right: 0; } .product-item-styles .overlay.bottomleft { top: 40px; left: 0; width: 100%; padding: 0 0 75% 0; } .product-item-styles .overlay.bottomleft img { position: absolute; left: 0; bottom: 0; z-index: 1; } .product-item-styles .overlay.bottomright { top: 0; left: 0; width: 100%; padding: 0 0 75% 0; } .product-item-styles .overlay.bottomright img { position: absolute; right: 0; bottom: 0; z-index: 1; } .product-item-styles .picture, .product-item-styles .picture-popup { display: block; width: 100% !important; height: auto !important; padding: 0 0 75% 0; margin-top: 40px; background: none center no-repeat; background-size: contain; } .product-item-styles .picture img, .product-item-styles .picture-popup img { display: none; } .product-item-styles .picture-popup { display: none; } .product-item-styles .overview-rating { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: absolute; top: 56px; left: 16px; z-index: 10; margin: 75% 0 0 0; } .product-item-styles .overview-rating .rating-stars { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .product-item-styles .overview-rating .rating-stars .star { display: block; width: 10px; height: 10px; margin: 1px 4px 1px 0; background: url(/website/default-v2/images/icons/star/deactive.svg) 50% 50% no-repeat; background-size: 10px 10px; } .product-item-styles .overview-rating .rating-stars .star.active { background-image: url(/website/default-v2/images/icons/star/full.svg); } .product-item-styles .overview-rating .rating-text { margin-left: 4px; font-size: 12px; line-height: 12px; } .product-item-styles .title, .product-item-styles .name { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; margin-top: 36px; font-weight: 700; font-size: 14px; line-height: 20px; } .product-item-styles .desc { display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; font-size: 13px; line-height: 20px; } .product-item-styles .desc &gt; span { display: block; } .product-item-styles .hover-series-block { display: block; } .product-item-styles .hover-series-block &gt; div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 -6px; } .product-item-styles .hover-series-block .series-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 6px; margin: 8px 0 0 0; } .product-item-styles .hover-series-block .series-row .hover-series-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 4px 12px; font-size: 12px; line-height: 16px; white-space: nowrap; background: #f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .product-item-styles .hover-series-block .series-row .hover-series-item:hover { background: #f5f5f5; } .product-item-styles .price_old, .product-item-styles .from-text { position: absolute; left: 16px; bottom: 41px; z-index: 5; font-size: 12px; line-height: 16px; color: rgba(61, 62, 61, 0.7); } .product-item-styles .price_old + .price_old, .product-item-styles .from-text + .price_old { display: none; } .product-item-styles .price_old:before { content: ""; position: absolute; top: 25%; left: 50%; z-index: 5; width: 110%; height: 1px; background-color: #3d3e3d; transform: rotate(-10deg) translate(-50%, -50%); } .product-item-styles .price { position: absolute; left: 16px; bottom: 16px; z-index: 5; font-size: 20px; line-height: 25px; font-family: "Roboto Slab", serif; font-weight: 700; } .product-item-styles .price .unit_label { margin-left: 6px; font-size: 12px; line-height: 16px; } .product-item-styles .price.normal { display: none; } .product-item-styles .wishlist_btn { position: absolute; top: 16px; right: 16px; z-index: 20; width: 20px; height: 20px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/heart-inactive.svg) 50% 50% no-repeat; background-size: 20px 20px; } .product-item-styles .wishlist_btn.on_wishlist { background-image: url(/website/default-v2/images/icons/general/heart-active.svg); } .product-item-styles .call_to_action { display: none; } .product-item-styles .direct_order { position: absolute; right: 0; bottom: 0; z-index: 5; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/cart-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .product-item-styles .in_stock_label, .product-item-styles .extra-text { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #4a7141; } .product-item-styles .limited_stock_label { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #ef8a17; } .product-item-styles .not_in_stock_label { position: absolute; right: 0; bottom: 0; z-index: 10; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/envelope-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .product-item-styles .compare { display: none; } @media (min-width: 768px) { .product-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .product-item-styles.has_text a { padding-bottom: 90px; } .product-item-styles .overlay.bottomleft { top: 0; } .product-item-styles .picture, .product-item-styles .picture-popup { margin-top: 0; } .product-item-styles .overview-rating { top: 16px; } } @media (min-width: 992px) { .product-item-styles { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .image-center { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .flex-grid-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .flex-grid-row-no-margin { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-1, .grid-1-12 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2, .grid-2-12 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3, .grid-3-12 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4, .grid-4-12 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5, .grid-5-12 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6, .grid-6-12 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7, .grid-7-12 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8, .grid-8-12 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9, .grid-9-12 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10, .grid-10-12 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11, .grid-11-12 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12, .grid-12-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } * { margin: 0; padding: 0; } *:focus { outline: 0 !important; } body { padding: 0; } body &gt; iframe { display: none; } body.no_layout { background: none !important; padding: 0; } body.no_layout .column_wrapper { background: none !important; margin: 0; padding: 0; } div.search-results { display: flex; flex-direction: column; } div.search-results .search-results-block, div.search-results &gt; div:nth-of-type(1) { order: 10; } div.search-results .search-results-block.search-results-categories, div.search-results &gt; div:nth-of-type(1).search-results-categories { order: 1; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { margin-top: 16px; margin-bottom: 16px; } h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child { margin-top: 0; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { color: inherit; text-decoration: none; } h1, .h1 { font-size: 27px; } @media (min-width: 768px) { h1, .h1 { font-size: 32px; } } @media (min-width: 992px) { h1, .h1 { font-size: 39px; } } h2, .h2 { font-size: 23px; } @media (min-width: 768px) { h2, .h2 { font-size: 27px; } } @media (min-width: 992px) { h2, .h2 { font-size: 31px; } } h3, .h3 { font-size: 19px; } @media (min-width: 768px) { h3, .h3 { font-size: 21px; } } @media (min-width: 992px) { h3, .h3 { font-size: 24px; } } h4, .h4 { margin-bottom: 8px; font-size: 17px; } @media (min-width: 768px) { h4, .h4 { font-size: 18px; } } @media (min-width: 992px) { h4, .h4 { font-size: 20px; } } h5, .h5 { font-size: 14px; } @media (min-width: 768px) { h5, .h5 { font-size: 15px; } } @media (min-width: 992px) { h5, .h5 { font-size: 16px; } } p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; } ul, ol { margin-left: 24px; } ul { list-style: none; margin-left: 0; } ul li { position: relative; line-height: 20px; padding-left: 48px; } ul li:before { content: "\f111"; font-family: "fontAwesome"; position: absolute; top: 0; left: 24px; transform: translateX(-50%); line-height: 20px; font-size: 3px; } b, strong { font-weight: 700; } img { height: auto; } .btn.left { float: left; } label { margin-bottom: 0; font-weight: normal; } iframe { max-width: 100%; border: 0; } #body_content { width: 100%; overflow-x: hidden; } body.modal-open #container .column_wrapper .main_column #content &gt; .in { -webkit-transform: none; } #_atssh { display: none; } #recaptcha_image, .recaptcha_image { max-width: 100%; } #recaptcha_image img, .recaptcha_image img { max-width: 100%; } .hover-moodboard, .hover-moodboard-remove { position: absolute; padding: 5px; display: none; z-index: 999999; } .hover-moodboard .moodboard-link, .hover-moodboard-remove .moodboard-link, .hover-moodboard .moodboard-link-remove, .hover-moodboard-remove .moodboard-link-remove { background-color: #ad2000; width: 20px; height: 20px; display: block; cursor: pointer; } .gardencentre_pickup_timeblock { width: 100%; min-height: 10px; padding: 10px 0 0 0 !important; float: left; } .blockOverlay { background: rgba(255, 255, 255, 0.9) !important; z-index: 500 !important; } .gc-img { position: relative; text-align: center; } .gc-img:before { position: absolute; left: 0; top: 0; background-color: #eee; width: 100%; height: 100%; display: block; content: ""; } .gc-img:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); font-size: 2em; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; content: "\f110"; } .gc-img:after.fa-pull-left { margin-right: 0.3em; } .gc-img:after.fa-pull-right { margin-left: 0.3em; } .gc-img:after.pull-left { margin-right: 0.3em; } .gc-img:after.pull-right { margin-left: 0.3em; } .youtube-loader, .vimeo-loader { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; display: block; cursor: pointer; } .youtube-loader.full-height, .vimeo-loader.full-height { padding-bottom: 100%; } .youtube-loader .youtube-loader-img, .vimeo-loader .youtube-loader-img, .youtube-loader .vimeo-loader-img, .vimeo-loader .vimeo-loader-img { position: absolute; top: 0; left: 0; background-color: #eee; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; display: block; z-index: 1; } .youtube-loader .youtube-loader-play, .vimeo-loader .youtube-loader-play, .youtube-loader .vimeo-loader-play, .vimeo-loader .vimeo-loader-play { position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin-left: -36px; margin-top: -36px; display: block; font-size: 72px; line-height: 72px; filter: alpha(opacity=90); opacity: 0.9; z-index: 2; } .youtube-loader iframe, .vimeo-loader iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtube-loader:hover .youtube-loader-play, .vimeo-loader:hover .youtube-loader-play, .youtube-loader:hover .vimeo-loader-play, .vimeo-loader:hover .vimeo-loader-play { color: #f00; filter: alpha(opacity=100); opacity: 1; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } #container { padding-top: 0 !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1440px) { .container { max-width: 1400px; } } .container-fluid { max-width: 1920px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .layout-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .has-custom-radio { position: relative; padding-left: 20px !important; line-height: 20px; } .has-custom-radio input { display: none !important; } .has-custom-radio input:checked + .custom-radio-button:before { content: ""; position: absolute; top: 4px; left: 4px; z-index: 10; width: 8px; height: 8px; background: #1d1b28; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .has-custom-radio .custom-radio-button { position: absolute; top: 2px; left: 0; z-index: 5; width: 16px; height: 16px; background: #f0f0f0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .has-custom-checkbox { position: relative; padding-left: 20px !important; line-height: 20px; } .has-custom-checkbox &gt; label { position: relative; z-index: 15; margin-left: -20px; padding-left: 20px; } .has-custom-checkbox input { display: none !important; } .has-custom-checkbox input:checked + .custom-checkbox-button { background-image: url(/website/default-v2/images/icons/general/check-black.svg); } .has-custom-checkbox .custom-checkbox-button { position: absolute; top: 2px; left: 0; z-index: 5; width: 16px; height: 16px; background: none center no-repeat #f0f0f0; background-size: 12px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ul.errors { padding: 0; margin: 0 0 8px 0; list-style: none; } ul.errors li { font-weight: 600; color: #900; } .fixed-body { position: fixed; top: 0; left: 0; z-index: 120; width: 100%; height: 100% !important; overflow: hidden; } .custom-slider-nav { position: absolute; top: 0; right: 12px; z-index: 10; width: 44px; height: 14px; margin-top: 3px; } .custom-slider-nav .custom-slider-prev, .custom-slider-nav .custom-slider-next { position: absolute; top: 0; z-index: 5; width: 18px; height: 14px; cursor: pointer; background: none 50% 50% no-repeat; background-size: 18px 14px; } .custom-slider-nav .custom-slider-prev { left: 0; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } .custom-slider-nav .custom-slider-next { right: 0; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg); } @media (min-width: 992px) { .custom-slider-nav .custom-slider-nav { display: none; } } #IE-warning { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(29, 27, 40, 0.88); background-blend-mode: multiply; } #IE-warning #IE-warning-in { position: absolute; top: 50%; left: 50%; z-index: 10; width: 270px; height: 210px; line-height: 20px; margin: -105px 0 0 -135px; padding: 24px; text-align: center; background: #fff; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); } #IE-warning #IE-warning-in #IE-warning-close { display: inline-block; line-height: 40px; padding: 0 15px; color: #fff; font-weight: 700; background: #ef8a17; cursor: pointer; } #IE-warning #IE-warning-in #IE-warning-close:hover { background-color: #7caa7b; } .symbol { display: none; } #fancybox-wrap #fancybox-outer { -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } #fancybox-wrap #fancybox-close { background: url(/website/default-v2/images/icons/general/cross-white.svg) 50% 50% no-repeat #1d1b28; background-size: 12px 12px; -webkit-border-radius: 12px 0 12px 0; -moz-border-radius: 12px 0 12px 0; border-radius: 12px 0 12px 0; } #fancybox-wrap #fancybox-left-ico, #fancybox-wrap #fancybox-right-ico { background: none 50% 50% no-repeat #fff; background-size: 18px 12px; -webkit-border-radius: 12px 0 12px 0; -moz-border-radius: 12px 0 12px 0; border-radius: 12px 0 12px 0; } #fancybox-wrap #fancybox-left-ico { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } #fancybox-wrap #fancybox-right-ico { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg); } #fancybox-wrap #fancybox-title a { color: #fff; } #fancybox-wrap .fancybox-bg { display: none !important; } #fancybox-wrap #fancybox-content.flash-green { animation: 0.5s flash-green; } #fancybox-wrap .linked-add-message { flex-direction: row !important; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; z-index: 50; width: 100%; padding: 10px 15px; text-align: center; line-height: 20px; color: #fff; opacity: 0; background: #4a7141; animation: 2s show-message; } #fancybox-wrap .linked-add-message img { margin-right: 4px; } #fancybox-wrap .linked_products .product .direct_order.show-check { background-image: url(/website/default-v2/images/icons/general/check-white.svg); } @keyframes show-message { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes flash-green { 0% { background: #fff; } 50% { background: rgba(74, 113, 65, 0.25); } 100% { background: #fff; } } body #cookies-bottom .cc_banner-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-items: center !important; position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%; padding: 16px; margin: 0; background: rgba(29, 27, 40, 0.4); background-blend-mode: multiply; } body #cookies-bottom .cc_banner-wrapper .cc_container { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%; max-width: 310px; padding: 30px 24px 82px 24px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } body #cookies-bottom .cc_banner-wrapper .cc_container .cc_message { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; } body #cookies-bottom .cc_banner-wrapper .cc_container .cc_message a { color: #7caa7b; } body #cookies-bottom .cc_banner-wrapper .cc_container .cc_message a:hover { color: #3d3e3d; } body #cookies-bottom .cc_banner-wrapper .cc_container .cc_btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; position: absolute; left: 50%; bottom: 30px; z-index: 5; transform: translateX(-50%); min-height: 40px; padding: 10px 15px; margin: 0; font-family: "Montserrat", sans-serif; font-size: 14px; } body #cookies-bottom .cc_banner-wrapper .cc_container .cc_btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } body #cookies-bottom .cc_banner-wrapper .cc_container .cc_btn:hover { color: #fff; background: #3d3e3d; } body #cookies-bottom .cc_banner-wrapper .cc_container .cc_btn:after { display: none; } body.pages_374 #cookies-bottom .cc_banner-wrapper { top: auto; bottom: 0; height: auto; } .touch-slider { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } @media (max-width: 767px) { #cookiebanner-in { padding: 22px 22px !important; overflow: auto; max-height: 100%; } } input:not([type="submit"], [type="button"], [type="reset"]), select, textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #3d3e3d; background-color: #f5f5f5; background-image: none; border: 1px solid #f5f5f5; border-radius: 12px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-box-shadow: none; box-shadow: none; } input:not([type="submit"], [type="button"], [type="reset"]):focus, select:focus, textarea:focus { border-color: #1d1b28; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(29, 27, 40, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(29, 27, 40, 0.6); } input:not([type="submit"], [type="button"], [type="reset"])::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: rgba(61, 62, 61, 0.4); opacity: 1; } input:not([type="submit"], [type="button"], [type="reset"]):-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(61, 62, 61, 0.4); } input:not([type="submit"], [type="button"], [type="reset"])::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(61, 62, 61, 0.4); } input:not([type="submit"], [type="button"], [type="reset"])::-ms-expand, select::-ms-expand, textarea::-ms-expand { background-color: transparent; border: 0; } input:not([type="submit"], [type="button"], [type="reset"])[disabled], select[disabled], textarea[disabled], input:not([type="submit"], [type="button"], [type="reset"])[readonly], select[readonly], textarea[readonly], fieldset[disabled] input:not([type="submit"], [type="button"], [type="reset"]), fieldset[disabled] select, fieldset[disabled] textarea { background-color: #eeeeee; opacity: 1; } input:not([type="submit"], [type="button"], [type="reset"])[disabled], select[disabled], textarea[disabled], fieldset[disabled] input:not([type="submit"], [type="button"], [type="reset"]), fieldset[disabled] select, fieldset[disabled] textarea { cursor: not-allowed; } textareainput:not([type="submit"], [type="button"], [type="reset"]), textareaselect, textareatextarea { height: auto; } input:not([type="submit"], [type="button"], [type="reset"]):focus, select:focus, textarea:focus { -webkit-box-shadow: none; box-shadow: none; } input:not([type="submit"], [type="button"], [type="reset"]), textarea { -webkit-appearance: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button.focus, input[type="button"].focus, input[type="reset"].focus, input[type="submit"].focus { color: #333; text-decoration: none; } button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button.active, input[type="button"].active, input[type="reset"].active, input[type="submit"].active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } button.disabled, input[type="button"].disabled, input[type="reset"].disabled, input[type="submit"].disabled, button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], fieldset[disabled] button, fieldset[disabled] input[type="button"], fieldset[disabled] input[type="reset"], fieldset[disabled] input[type="submit"] { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } abutton.disabled, ainput[type="button"].disabled, ainput[type="reset"].disabled, ainput[type="submit"].disabled, fieldset[disabled] abutton, fieldset[disabled] ainput[type="button"], fieldset[disabled] ainput[type="reset"], fieldset[disabled] ainput[type="submit"] { pointer-events: none; } button.left, input[type="button"].left, input[type="reset"].left, input[type="submit"].left { float: left; } input[type="submit"] { color: #fff; background-color: #1d1b28; border-color: #121119; } input[type="submit"]:focus, input[type="submit"].focus { color: #fff; background-color: #07060a; border-color: #000000; } input[type="submit"]:hover { color: #fff; background-color: #07060a; border-color: #000000; } input[type="submit"]:active, input[type="submit"].active, .open &gt; .dropdown-toggleinput[type="submit"] { color: #fff; background-color: #07060a; background-image: none; border-color: #000000; } input[type="submit"]:active:hover, input[type="submit"].active:hover, .open &gt; .dropdown-toggleinput[type="submit"]:hover, input[type="submit"]:active:focus, input[type="submit"].active:focus, .open &gt; .dropdown-toggleinput[type="submit"]:focus, input[type="submit"]:active.focus, input[type="submit"].active.focus, .open &gt; .dropdown-toggleinput[type="submit"].focus { color: #fff; background-color: #000000; border-color: #000000; } input[type="submit"].disabled:hover, input[type="submit"][disabled]:hover, fieldset[disabled] input[type="submit"]:hover, input[type="submit"].disabled:focus, input[type="submit"][disabled]:focus, fieldset[disabled] input[type="submit"]:focus, input[type="submit"].disabled.focus, input[type="submit"][disabled].focus, fieldset[disabled] input[type="submit"].focus { background-color: #1d1b28; border-color: #121119; } input[type="submit"] .badge { color: #1d1b28; background-color: #fff; } button, input[type="button"], input[type="reset"] { color: #333; background-color: #fff; border-color: #ccc; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, button.focus, input[type="button"].focus, input[type="reset"].focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } button:hover, input[type="button"]:hover, input[type="reset"]:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } button:active, input[type="button"]:active, input[type="reset"]:active, button.active, input[type="button"].active, input[type="reset"].active, .open &gt; .dropdown-togglebutton, .open &gt; .dropdown-toggleinput[type="button"], .open &gt; .dropdown-toggleinput[type="reset"] { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad; } button:active:hover, input[type="button"]:active:hover, input[type="reset"]:active:hover, button.active:hover, input[type="button"].active:hover, input[type="reset"].active:hover, .open &gt; .dropdown-togglebutton:hover, .open &gt; .dropdown-toggleinput[type="button"]:hover, .open &gt; .dropdown-toggleinput[type="reset"]:hover, button:active:focus, input[type="button"]:active:focus, input[type="reset"]:active:focus, button.active:focus, input[type="button"].active:focus, input[type="reset"].active:focus, .open &gt; .dropdown-togglebutton:focus, .open &gt; .dropdown-toggleinput[type="button"]:focus, .open &gt; .dropdown-toggleinput[type="reset"]:focus, button:active.focus, input[type="button"]:active.focus, input[type="reset"]:active.focus, button.active.focus, input[type="button"].active.focus, input[type="reset"].active.focus, .open &gt; .dropdown-togglebutton.focus, .open &gt; .dropdown-toggleinput[type="button"].focus, .open &gt; .dropdown-toggleinput[type="reset"].focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } button.disabled:hover, input[type="button"].disabled:hover, input[type="reset"].disabled:hover, button[disabled]:hover, input[type="button"][disabled]:hover, input[type="reset"][disabled]:hover, fieldset[disabled] button:hover, fieldset[disabled] input[type="button"]:hover, fieldset[disabled] input[type="reset"]:hover, button.disabled:focus, input[type="button"].disabled:focus, input[type="reset"].disabled:focus, button[disabled]:focus, input[type="button"][disabled]:focus, input[type="reset"][disabled]:focus, fieldset[disabled] button:focus, fieldset[disabled] input[type="button"]:focus, fieldset[disabled] input[type="reset"]:focus, button.disabled.focus, input[type="button"].disabled.focus, input[type="reset"].disabled.focus, button[disabled].focus, input[type="button"][disabled].focus, input[type="reset"][disabled].focus, fieldset[disabled] button.focus, fieldset[disabled] input[type="button"].focus, fieldset[disabled] input[type="reset"].focus { background-color: #fff; border-color: #ccc; } button .badge, input[type="button"] .badge, input[type="reset"] .badge { color: #fff; background-color: #333; } input:not([type="submit"], [type="button"], [type="reset"])[disabled], select[disabled], textarea[disabled], input:not([type="submit"], [type="button"], [type="reset"])[readonly], select[readonly], textarea[readonly], fieldset[disabled] input:not([type="submit"], [type="button"], [type="reset"]), fieldset[disabled] select, fieldset[disabled] textarea { pointer-events: none; background: rgba(139, 141, 139, 0.25); } .has-reveal { position: relative; } .has-reveal label { min-width: 100%; } .has-reveal .reveal-password { float: left; width: 100%; flex: 0 0 100%; max-width: 390px; position: relative; } .has-reveal .reveal-password .reveal-password-icon { position: absolute; top: 14px; right: 14px; z-index: 5; width: 24px; text-align: center; line-height: 24px; cursor: pointer; } .pagination { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .pagination &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; } .pagination .range { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .pagination a { display: block; margin: 0 8px; line-height: 18px; font-size: 14px; font-weight: 600; color: #3d3e3d; } .pagination a:hover { color: #7caa7b; } .pagination a.active { font-weight: 400; color: #7caa7b; } .pagination .prev a { width: 18px; height: 18px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg) 50% 50% no-repeat; background-size: 18px 14px; } .pagination .next a { width: 18px; height: 18px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) 50% 50% no-repeat; background-size: 18px 14px; } .placeholder-header { margin-top: 132px; } @media (min-width: 992px) { .placeholder-header { margin-top: 150px; } } .frontpage #container .placeholder-header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin-left: 0; margin-right: 0; margin-bottom: 12px; } .frontpage #container .placeholder-header &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; max-width: 1400px; margin: 0; } .frontpage #container .placeholder-header .layout_block { margin-bottom: 12px; } .frontpage #container .placeholder-header .block_type_openinghours_today { display: none; } .frontpage #container .placeholder-header .header-blocks-right { width: 100%; } .frontpage #container .placeholder-header .block_type_universalslider { width: 100%; max-width: 100%; margin-top: 16px; margin-bottom: 16px; } .frontpage #container .placeholder-header .block_type_universalslider .block-content { padding: 0 !important; } @media (min-width: 992px) { .frontpage #container .placeholder-header &gt; .in { margin-top: 24px; } .frontpage #container .placeholder-header .layout_block { margin-bottom: 0; padding-bottom: 24px; } .frontpage #container .placeholder-header .block_type_universalslider { display: none; } .frontpage #container .placeholder-header .header-blocks-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0; } .frontpage #container .placeholder-header .header-blocks-right .header-block { height: 33.333%; } } .checkout-data .placeholder-header { margin-top: 56px; } @media (min-width: 992px) { .checkout-data .placeholder-header { margin-top: 88px; } } #body_content { margin-top: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-content_top { position: fixed; top: 0; left: 0; z-index: 800; width: 100%; background: #4a7141; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .placeholder-content_top.scrolled .header-hours-usps { height: 0; } .placeholder-content_top &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .placeholder-content_top .layout-row { align-items: center !important; position: relative; width: 100%; max-width: 1400px; padding: 8px 0 54.4px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-content_top .header-right { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-end !important; width: 100%; margin: 0; } .placeholder-content_top .block_type_logo { position: absolute; top: 8px; left: 50%; z-index: 15; transform: translateX(-50%); } .placeholder-content_top .block_type_logo a { display: block; width: 44px; height: 38px; background: url("/website/default-v2/images/logo.svg") 0 0 no-repeat; background-size: contain; } .placeholder-content_top .block_type_logo img { display: none; } .placeholder-content_top .block_type_search_box_2 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: absolute; left: 0; bottom: 8px; z-index: 20; } .placeholder-content_top .block_type_search_box_2 .form { height: 40px; overflow: hidden; -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-content_top .kiyoh_header { position: absolute; top: 8px; left: 48px; z-index: 15; margin: 4px 0; padding: 0 8px; } .placeholder-content_top .kiyoh_header .block-content { position: relative; } .placeholder-content_top .kiyoh_header .block-content a { display: block; width: 32px; height: 32px; text-align: center; line-height: 31px; color: #4a7141; font-size: 10px; background: url("/website/default-v2/images/icons/navigational/kiyoh-color.svg") 50% 50% no-repeat; background-size: contain; } .placeholder-content_top .block_type_webshop_wishlist { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin: 8px 0; padding: 0 8px; z-index: 25; } .placeholder-content_top .block_type_login_box { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin: 8px 0; padding: 0 8px; } .placeholder-content_top .block_type_webshop_shoppingcart { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin: 8px 0; padding-left: 8px; } .placeholder-content_top .header-announcement { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; position: relative; z-index: 5; margin: 0; width: 100%; background-color: #fce7cf; padding-top: 10px; padding-bottom: 10px; } .placeholder-content_top .header-announcement .block-content { padding: 0 44px; } .placeholder-content_top .header-announcement .block-content p { line-height: 18px; font-size: 13px; } .placeholder-content_top .header-announcement .block-content a { color: #3d3e3d; text-decoration: underline; } .placeholder-content_top .header-announcement #close-announcement { position: absolute; top: 50%; right: 12px; z-index: 5; width: 12px; height: 12px; margin-top: -6px; cursor: pointer; background: url(/website/default-v2/images/icons/general/cross-black.svg) center no-repeat; background-size: contain; } .placeholder-content_top .header-hours-usps { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; width: 100%; height: 32px; margin: 0; background-color: #ffffff; overflow: hidden; -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-content_top .header-hours-usps .header-hours-usps-in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; width: 100%; max-width: 1400px; } .placeholder-content_top .block_type_openinghours_today { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .placeholder-content_top .block_type_openinghours_today &gt; .wrap { padding: 6px 0; } .placeholder-content_top .block_type_openinghours_today .block-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; } .placeholder-content_top .block_type_openinghours_today .block-content &gt; span { font-size: 12px; line-height: 20px; padding-left: 20px; background: url(/website/default-v2/images/icons/general/check-black.svg) left center no-repeat; } .placeholder-content_top .header_usp { display: none; } .placeholder-content_top .header_usp &gt; .wrap { width: 100%; } .placeholder-content_top .header_usp ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; padding: 10px 0; margin: 0; list-style: none; } .placeholder-content_top .header_usp ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: center !important; padding: 0 12px 0 32px; margin: 0; line-height: 20px; font-size: 13px; background: url(/website/default-v2/images/icons/general/check-black.svg) 12px 50% no-repeat; } .placeholder-content_top .header_usp ul li:before { display: none; } .placeholder-content_top .header_usp a { color: #3d3e3d; } .placeholder-content_top .header_usp a:hover { color: #7caa7b; } .placeholder-content_top .block_type_navigation { position: relative; z-index: 10; display: none; width: 100%; background-color: #f0f0f0; } .placeholder-content_top .block_type_navigation .submenu_button { display: none; } .placeholder-content_top .block_type_navigation ul { padding: 0; margin: 0; list-style: none; } .placeholder-content_top .block_type_navigation ul li { position: static; padding-left: 0; } .placeholder-content_top .block_type_navigation ul li:before { display: none; } .placeholder-content_top .block_type_navigation &gt; .in { width: 100%; max-width: 1152px; margin: 0 auto; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li { position: relative; margin: 0 8px; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.has_html_submenu { position: static; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li a { display: block; padding: 10px 16px; line-height: 20px; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 16px; color: #4a7141; background: #f0f0f0; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li:hover a, .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.over a, .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.active a { color: #ffffff; background: #4a7141; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first { position: static; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first &gt; span { display: flex; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first a { color: #7caa7b; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first a:after { content: ""; display: inline-block; width: 12px; height: 10px; margin-left: 8px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-green.svg) 100% 50% no-repeat; background-size: 12px 8px; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first:hover a:after, .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first.over a:after { transform: rotate(180deg); } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu { position: fixed; top: 104px; left: 0; bottom: 0; width: 100%; background: #f0f0f0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul { position: relative; width: 100%; height: 100%; max-width: 1152px; margin: 0 auto; padding: 0; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li { width: 20%; border: 0; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li:first-child { margin-top: 20px; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li a { padding: 12px 24px; font-weight: 600; font-size: 14px; color: #3d3e3d; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li a:after { display: none; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li:hover a { background: none; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li.active a { color: #3d3e3d; background: #fff; -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li.active .subsub { display: block !important; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub { display: none !important; position: absolute; top: -20px; left: 20%; right: 0; bottom: 0; z-index: 30; margin: 0; padding-top: 20px; background: #fff; overflow: auto; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; margin: 0; padding: 0 12px; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 24px; border: 0; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li a { padding: 12px 0; font-size: 13px; line-height: 18px; color: #3d3e3d; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li a:hover a { color: #7caa7b; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li.active a { color: #7caa7b; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul.show &gt; li.limited-item { display: block; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul.show &gt; li .toggle-limited:before { content: "Bekijk minder"; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul &gt; li a { padding: 0; font-weight: 400; color: #3d3e3d; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul &gt; li a:hover { color: #7caa7b; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul &gt; li.active a { color: #7caa7b; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul &gt; li + li { margin-top: 8px; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul &gt; li.limited-item { display: none; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul &gt; li .toggle-limited { color: #7caa7b; font-weight: 600; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li.first .submenu &gt; ul &gt; li .subsub &gt; ul &gt; li .subsubsub &gt; ul &gt; li .toggle-limited:before { content: "Bekijk meer"; display: block; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li .submenu { display: none; position: absolute; top: 100%; left: 0; z-index: 10; width: 250px; background: #f0f0f0; overflow: hidden; opacity: 1 !important; -webkit-border-radius: 0 0 16px 16px; -moz-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li .submenu &gt; ul { padding: 20px 0; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li .submenu &gt; ul &gt; li a { padding: 12px 16px; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; line-height: 18px; color: #3d3e3d; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li .submenu &gt; ul &gt; li:hover a, .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li .submenu &gt; ul &gt; li.over a, .placeholder-content_top .block_type_navigation &gt; .in &gt; ul &gt; li .submenu &gt; ul &gt; li.active a { background: #ffffff; } @media (min-width: 768px) { .placeholder-content_top .block_type_openinghours_today { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .placeholder-content_top .block_type_openinghours_today .block-content &gt; span { font-size: 13px; } } @media (min-width: 992px) { .placeholder-content_top .layout-row { padding-top: 12px; padding-bottom: 12px !important; } .placeholder-content_top .block_type_logo { left: 8px; transform: translateX(0); } .placeholder-content_top .block_type_logo a { width: 96px; height: 88px; } .placeholder-content_top .block_type_search_box_2 { top: 12px; left: 50%; bottom: auto; max-width: 460px; transform: translateX(-50%); padding: 0; } .placeholder-content_top .block_type_search_box_2 .form { height: auto !important; } .placeholder-content_top .kiyoh_header { position: relative; top: auto; left: auto; padding: 0 12px; } .placeholder-content_top .block_type_webshop_wishlist, .placeholder-content_top .block_type_login_box { padding: 0 12px; } .placeholder-content_top .block_type_webshop_shoppingcart { padding-left: 12px; } .placeholder-content_top .block_type_navigation { display: block; } .placeholder-content_top .header-hours-usps { height: 40px; } .placeholder-content_top .header-hours-usps .header-hours-usps-in { width: auto; } .placeholder-content_top .block_type_openinghours_today { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .placeholder-content_top .block_type_openinghours_today &gt; .wrap { padding: 10px 0; } .placeholder-content_top .header_usp { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; display: block; } .placeholder-content_top .header_usp ul { justify-content: space-around !important; } .placeholder-content_top .header_usp ul li { margin: 0 12px; padding: 0 0 0 32px; } } @media (min-width: 1200px) { .placeholder-content_top .header-announcement #close-announcement { right: 24px; } .placeholder-content_top .block_type_openinghours_today { margin: 0 12px; } .placeholder-content_top .header_usp ul li { margin: 0 24px; } } .checkout-data .placeholder-content_top { border-bottom: 16px solid #ffffff; } .checkout-data .placeholder-content_top .block_type_search_box_2, .checkout-data .placeholder-content_top .block_type_webshop_shoppingcart, .checkout-data .placeholder-content_top .block_type_webshop_wishlist, .checkout-data .placeholder-content_top .block_type_login_box, .checkout-data .placeholder-content_top #header-hours-usps { display: none; } .checkout-data .placeholder-content_top .layout-row { padding: 40px 0 0 0; } .checkout-data .placeholder-content_top .block_type_logo { top: 16px; } .checkout-data .placeholder-content_top .kiyoh_header { top: 0; left: auto; right: 12px; } .checkout-data .placeholder-content_top .kiyoh_header .block-content:before { content: "Kiyoh"; position: absolute; top: 50%; right: 100%; margin-top: -9px; margin-right: 8px; font-size: 13px; line-height: 18px; color: #ffffff; } .checkout-data .placeholder-content_top .header-announcement { display: none !important; } @media (min-width: 992px) { .checkout-data .placeholder-content_top { border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .checkout-data .placeholder-content_top .layout-row { padding-top: 12px; } .checkout-data .placeholder-content_top .block_type_logo { left: 50%; transform: translateX(-50%); } .checkout-data .placeholder-content_top .block_type_logo a { width: 79px; height: 72px; } .checkout-data .placeholder-content_top .block_type_navigation { display: none; } } .placeholder-left .layout_block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .placeholder-footer .layout_block h2, .placeholder-footer .layout_block h3 { line-height: 20px; font-size: 14px; } .placeholder-footer .layout_block ul { padding: 0; margin: 0; list-style: none; } .placeholder-footer .layout_block ul li { padding-left: 0; } .placeholder-footer .layout_block ul li:before { display: none; } .placeholder-footer .footer-hours-usps { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; background-color: #f5f5f5; } .placeholder-footer .footer-hours-usps .footer-hours-usps-in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; width: 100%; max-width: 1400px; } .placeholder-footer .block_type_openinghours_today { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .placeholder-footer .block_type_openinghours_today &gt; .wrap { padding: 6px 0; } .placeholder-footer .block_type_openinghours_today .block-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; } .placeholder-footer .block_type_openinghours_today .block-content &gt; span { font-size: 12px; line-height: 20px; padding-left: 20px; background: url(/website/default-v2/images/icons/general/check-black.svg) left center no-repeat; } .placeholder-footer .footer_usp { display: none; } .placeholder-footer .footer_usp &gt; .wrap { width: 100%; } .placeholder-footer .footer_usp ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; padding: 6px 0; margin: 0; list-style: none; } .placeholder-footer .footer_usp ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: center !important; padding: 0 12px 0 32px; margin: 0; line-height: 20px; font-size: 13px; background: url(/website/default-v2/images/icons/general/check-black.svg) 12px 50% no-repeat; } .placeholder-footer .footer_usp a { color: #3d3e3d; } .placeholder-footer .footer_usp a:hover { color: #7caa7b; } .placeholder-footer .footer-content-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; background-color: #4a7141; color: #ffffff; font-size: 13px; line-height: 24px; } .placeholder-footer .footer-content-row .layout-row { width: 100%; max-width: 1288px; padding: 24px 16px; } .placeholder-footer .footer-content-row .layout-row .footer_contact_img { position: relative; margin: -36px 0; } .placeholder-footer .footer-content-row .layout-row .footer_contact_img &gt; .wrap { position: absolute; top: 0; left: -44px; right: 24px; background-position: 50% 50%; background-size: cover; width: auto; height: 100%; } .placeholder-footer .footer-content-row h2, .placeholder-footer .footer-content-row h3 { color: #ffffff; font-size: 14px; margin-bottom: 8px; } .placeholder-footer .footer_links, .placeholder-footer .footer_contact_img { display: none; } .placeholder-footer .footer_links .block-title h3 { margin: 0; } .placeholder-footer .footer_links ul li { margin-top: 8px; line-height: 18px; font-size: 13px; } .placeholder-footer .footer_links a { color: rgba(255, 255, 255, 0.8); -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-footer .footer_links a:hover { color: #ffffff; } .placeholder-footer .footer_social { margin-bottom: 24px; } .placeholder-footer .footer_social ul { margin: 0; list-style: none; } .placeholder-footer .footer_social ul li { display: inline-block; margin-right: 12px; } .placeholder-footer .footer_kiyoh { margin-bottom: 24px; } .placeholder-footer .footer_kiyoh &gt; .wrap { position: relative; padding: 18px 0; border-top: 1px solid #7caa7b; border-bottom: 1px solid #7caa7b; } .placeholder-footer .footer_kiyoh iframe, .placeholder-footer .footer_kiyoh a, .placeholder-footer .footer_kiyoh img { max-height: 90px; max-width: 180px; } .placeholder-footer .footer_kiyoh a { display: block; width: 100%; height: 100%; } .placeholder-footer .block_type_subscribeform { margin-bottom: 8px; } .placeholder-footer .block_type_subscribeform &gt; .wrap { padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .placeholder-footer .block_type_subscribeform &gt; .wrap:before { display: none; } .placeholder-footer .block_type_subscribeform .formbuilder .form_text { line-height: 20px; font-size: 12px; } .placeholder-footer .block_type_subscribeform .formbuilder .form { position: relative; } .placeholder-footer .block_type_subscribeform .formbuilder .form .field_type_EmailAddress { padding-right: 52px; } .placeholder-footer .block_type_subscribeform .formbuilder .form .field_type_EmailAddress input { padding: 9px 12px; min-height: 40px; } .placeholder-footer .block_type_subscribeform .formbuilder .form .field_type_button { position: absolute; top: 0; right: 0; z-index: 5; width: auto; } .placeholder-footer .block_type_subscribeform .formbuilder .form .field_type_button input { padding: 0; width: 40px; min-height: 40px; font-size: 0; text-indent: -9999px; background-image: url(/website/default-v2/images/icons/general/send.svg); background-position: center; background-repeat: no-repeat; } .placeholder-footer .block_type_subscribeform .newsletter-privacy { padding: 0; font-size: 12px; } .placeholder-footer .block_type_subscribeform .newsletter-privacy.block { display: none; } .placeholder-footer .block_type_subscribeform .newsletter-privacy.footer { display: block; } .placeholder-footer .footer-blocks-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .placeholder-footer .footer-info-mobile { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; background: #4a7141; } .placeholder-footer .footer-info-mobile &gt; .wrap { margin-top: 16px; padding-top: 6px; border-top: 1px solid #7caa7b; } .placeholder-footer .footer-info-mobile &gt; .wrap &gt; .in.openContent .block-title:before { transform: rotate(180deg); } .placeholder-footer .footer-info-mobile &gt; .wrap &gt; .in.openContent .block-content { display: block; } .placeholder-footer .footer-info-mobile .block-title { position: relative; display: block; margin-top: 16px; } .placeholder-footer .footer-info-mobile .block-title h3 { color: #f5f5f5; margin: 0; } .placeholder-footer .footer-info-mobile .block-title:before { content: ""; position: absolute; top: 0; right: 0; z-index: 5; width: 20px; height: 20px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) 50% no-repeat; } .placeholder-footer .footer-info-mobile .block-content { display: none; } .placeholder-footer .footer-info-mobile .block-content ul { margin: 0 0 6px 0; padding: 0; list-style: none; } .placeholder-footer .footer-info-mobile .block-content ul li { margin-top: 12px; line-height: 18px; font-size: 13px; } .placeholder-footer .footer-info-mobile .block-content ul li a { color: rgba(255, 255, 255, 0.8); -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-footer .footer-info-mobile .block-content ul li a:hover { color: #ffffff; } .placeholder-footer .footer-info-mobile + .footer-info-mobile &gt; .wrap { padding-top: 0; } .placeholder-footer .block_type_seofooter { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; background-color: #7caa7b; } .placeholder-footer .block_type_seofooter &gt; ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1288px; padding: 12px 16px; margin: 0; list-style: none; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 16px; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li.openSeo span:before { transform: rotate(180deg); } .placeholder-footer .block_type_seofooter &gt; ul &gt; li.openSeo ul { display: block; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li span { position: relative; display: block; padding: 16px 0 0 0; margin: 0; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; line-height: 18px; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li span:before { content: ""; position: absolute; top: 12px; right: 0; z-index: 5; width: 20px; height: 20px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) 50% no-repeat; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li ul { display: none; padding: 0; margin: 0 0 6px 0; list-style: none; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li ul.openSeo { display: block; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li ul li { margin-top: 12px; line-height: 18px; font-size: 13px; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li ul li a { color: rgba(255, 255, 255, 0.8); -webkit-transition: 0.5s all; transition: 0.5s all; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li ul li a:hover { color: #ffffff; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li + li span { border-top: 1px solid #b5d1b0; } .placeholder-footer .copyright-row { padding: 8px 12px; font-size: 12px; line-height: 16px; color: #8b8d8b; } .placeholder-footer .copyright-row .copyright-row-in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: column-reverse !important; max-width: 1400px; } .placeholder-footer .copyright-row ul { margin: 0; list-style: none; } .placeholder-footer .copyright-row ul li { display: inline-block; } .placeholder-footer .copyright-row a { color: #8b8d8b; } .placeholder-footer .copyright-row a:hover { color: #7caa7b; } .placeholder-footer .copyright-row .footer_copy { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 8px; margin-bottom: 8px; } .placeholder-footer .copyright-row .footer_copy ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .placeholder-footer .copyright-row .footer_copy ul li { margin: 0 8px; } .placeholder-footer .copyright-row .footer_payment { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 8px; margin-bottom: 8px; text-align: center; } .placeholder-footer .copyright-row .footer_privacy { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 8px; margin-bottom: 8px; } .placeholder-footer .copyright-row .footer_privacy ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .placeholder-footer .copyright-row .footer_privacy ul li { margin: 0 8px; } .placeholder-footer a { color: #ffffff; } @media (min-width: 768px) { .placeholder-footer .block_type_openinghours_today { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .placeholder-footer .block_type_openinghours_today .block-content &gt; span { font-size: 13px; } .placeholder-footer .footer_usp { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0; } .placeholder-footer .block_type_subscribeform .block-title { padding: 0 12px; } .placeholder-footer .block_type_subscribeform .formbuilder .form_text { padding: 0 12px; } .placeholder-footer .block_type_subscribeform .formbuilder .form { padding: 0 12px; } .placeholder-footer .block_type_subscribeform .formbuilder .form .field_type_button { right: 12px; } .placeholder-footer .footer-blocks-right { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: row-reverse !important; padding: 0; margin: 0; overflow: hidden; } .placeholder-footer .footer-blocks-right .footer_social { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .placeholder-footer .footer-blocks-right .footer_kiyoh { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: -100%; } .placeholder-footer .footer-blocks-right .footer_kiyoh &gt; .wrap { padding: 0; border: 0; } .placeholder-footer .footer-blocks-right .block_type_subscribeform { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; } .placeholder-footer .copyright-row .copyright-row-in { flex-direction: row !important; align-items: center !important; } .placeholder-footer .copyright-row .footer_copy { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .placeholder-footer .copyright-row .footer_copy ul { justify-content: flex-start !important; } .placeholder-footer .copyright-row .footer_copy ul li { margin: 0 12px 0 0; } .placeholder-footer .copyright-row .footer_payment { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .placeholder-footer .copyright-row .footer_privacy { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .placeholder-footer .copyright-row .footer_privacy ul { justify-content: flex-end !important; } .placeholder-footer .copyright-row .footer_privacy ul li { margin: 0 0 0 12px; } } @media (min-width: 992px) { .placeholder-footer .layout_block h2, .placeholder-footer .layout_block h3 { line-height: 22px; font-size: 16px; } .placeholder-footer .footer-hours-usps .footer-hours-usps-in { width: auto; } .placeholder-footer .block_type_openinghours_today { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .placeholder-footer .block_type_openinghours_today &gt; .wrap { padding: 10px 0; } .placeholder-footer .footer_usp { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .placeholder-footer .footer_usp ul { justify-content: space-around !important; padding: 10px 0; } .placeholder-footer .footer_usp ul li { margin: 0 12px; padding: 0 0 0 32px; } .placeholder-footer .footer-content-row { padding: 0 12px; } .placeholder-footer .footer-content-row .layout-row { padding: 36px 0; } .placeholder-footer .footer-blocks-right { width: 40%; -webkit-flex: 0 0 40%; max-width: 40%; } .placeholder-footer .footer_links, .placeholder-footer .footer_contact_img { display: block; width: 20%; -webkit-flex: 0 0 20%; max-width: 20%; padding: 0 12px; } .placeholder-footer .block_type_subscribeform { padding: 0; margin-bottom: 0; } .placeholder-footer .block_type_subscribeform .block-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .placeholder-footer .block_type_subscribeform .block-title h1, .placeholder-footer .block_type_subscribeform .block-title h2 { font-size: 16px; line-height: normal; } .placeholder-footer .block_type_subscribeform .formbuilder .form_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .placeholder-footer .block_type_subscribeform .formbuilder .form { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 8px; } .placeholder-footer .block_type_subscribeform .formbuilder .form .field_type_EmailAddress { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 50px 0 0; } .placeholder-footer .block_type_subscribeform .formbuilder .form .field_type_button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; right: 0; } .placeholder-footer .footer-info-mobile { display: none; } .placeholder-footer .block_type_seofooter { padding: 0 12px; } .placeholder-footer .block_type_seofooter &gt; ul { padding: 24px 0; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li { width: 20%; -webkit-flex: 0 0 20%; max-width: 20%; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li span { font-size: 16px; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li span:before { display: none; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li ul { display: block !important; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li ul li { margin-top: 8px; } .placeholder-footer .block_type_seofooter &gt; ul &gt; li + li span { border-top: 0; } .placeholder-footer .copyright-row .footer_copy ul li { margin-right: 24px; } .placeholder-footer .copyright-row .footer_privacy ul li { margin-left: 24px; } } @media (min-width: 1200px) { .placeholder-footer .block_type_openinghours_today { margin: 0 12px; } .placeholder-footer .footer_usp ul li { margin: 0 24px; } .placeholder-footer .copyright-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .placeholder-footer .copyright-row .copyright-row-in { width: 100%; margin: 0; } .placeholder-footer .copyright-row .footer_copy ul li { margin-right: 31.92px; } .placeholder-footer .copyright-row .footer_privacy ul li { margin-left: 31.92px; } } .checkout-data .placeholder-footer { border-top: 1px solid #f0f0f0; } .checkout-data .placeholder-footer .footer-hours-usps, .checkout-data .placeholder-footer .footer-content-row, .checkout-data .placeholder-footer .block_type_seofooter { display: none; } .frontpage_columns { display: block; width: 100%; margin: 0; } .frontpage_columns .column { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0 0 36px 0; } .frontpage_columns .column:nth-child(1) { margin-top: 36px; } .frontpage_columns .column &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; padding: 0; margin: 0; } .frontpage_columns .column &gt; .in.max-width-big { max-width: 1400px; } .frontpage_columns .column &gt; .in.no-max-width { max-width: 100%; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts, .frontpage_columns .column .block_type_webshop_featuredproducts, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts { padding: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts &gt; .wrap, .frontpage_columns .column .block_type_webshop_featuredproducts &gt; .wrap, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts &gt; .wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 60px 0 84px 0; background: #f0f0f0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts &gt; .wrap &gt; .in, .frontpage_columns .column .block_type_webshop_featuredproducts &gt; .wrap &gt; .in, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts &gt; .wrap &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin: -60px 0 -84px 0; padding: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-title, .frontpage_columns .column .block_type_webshop_featuredproducts .block-title, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .block-title { padding: 0 24px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-content, .frontpage_columns .column .block_type_webshop_featuredproducts .block-content, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .block-content { position: relative; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products { margin-bottom: 6px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 8px; margin-bottom: 16px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav, .frontpage_columns .column .block_type_webshop_featuredproducts .custom-slider-nav, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav { left: 50%; width: 100%; max-width: 1152px; transform: translateX(-50%); } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-prev, .frontpage_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-prev, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-prev { left: auto; right: 42px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-next, .frontpage_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-next, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-next { right: 16px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .block-content, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .block-content, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .block-content { margin: 0; padding: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .block-content:hover, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .block-content:hover, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .block-content:hover { padding-bottom: 300px; margin-bottom: -300px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products { position: relative; left: 0; flex-wrap: nowrap; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 8px; } @media (min-width: 768px) { .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products { padding: 0; margin: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 24px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-prev, .frontpage_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-prev, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-prev { right: 38px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-next, .frontpage_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-next, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-next { right: 12px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products { padding: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } } @media (min-width: 992px) { .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-title, .frontpage_columns .column .block_type_webshop_featuredproducts .block-title, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .block-title { padding: 0 13.71428571px; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-content, .frontpage_columns .column .block_type_webshop_featuredproducts .block-content, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .block-content { padding: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products { padding: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products { padding: 0; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product:hover, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product:hover, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product:hover { position: relative; z-index: 20; } .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product:hover .in_stock_label, .frontpage_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product:hover .in_stock_label, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product:hover .in_stock_label { display: block; } } @media (min-width: 1200px) { .frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } } .frontpage_block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 24px 0; padding: 0 16px; } .frontpage_block &gt; a { width: 100%; margin: 0; color: #3d3e3d; } .frontpage_block &gt; a &gt; .wrap, .frontpage_block &gt; .wrap { width: 100%; background: none center no-repeat; background-size: cover; } .frontpage_block &gt; a &gt; .wrap &gt; .in, .frontpage_block &gt; .wrap &gt; .in { width: 100%; } .frontpage_block .block-title { width: 100%; } .frontpage_block .block-image { width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; } .frontpage_block .block-image img { display: none; } .frontpage_block .block-content { width: 100%; } .frontpage_block .block-content a.more_link { float: right; } .frontpage_block .block-content figure { width: 25%; min-height: 10px; padding: 0 0 12px 12px; float: right; } .frontpage_block .block-content figure img { width: 100%; float: left; } .frontpage_block.view-all-btn a { font-family: "Roboto Slab", serif; background-color: #7caa7b; height: 100%; display: block; color: #fff; font-weight: 700; -webkit-border-top-left-radius: 40px; -moz-border-radius-topleft: 40px; border-top-left-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-bottomright: 40px; border-bottom-right-radius: 40px; } .frontpage_block.view-all-btn .wrap { height: 100%; padding: 12px; display: -ms-flexbox; display: flex; text-align: center; align-items: center !important; } .frontpage_block.block_type_universalslider .block-text, .frontpage_block.block_type_pageslider .block-text { margin-bottom: 24px; } .frontpage_block.block_type_universalslider .block-content .slick-prev, .frontpage_block.block_type_pageslider .block-content .slick-prev, .frontpage_block.block_type_universalslider .block-content .slick-next, .frontpage_block.block_type_pageslider .block-content .slick-next { top: -100px; width: 18px; height: 14px; margin-top: 3px; transform: translate(0); background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) 50% 50% no-repeat; background-size: 18px 14px; } .frontpage_block.block_type_universalslider .block-content .slick-prev i, .frontpage_block.block_type_pageslider .block-content .slick-prev i, .frontpage_block.block_type_universalslider .block-content .slick-next i, .frontpage_block.block_type_pageslider .block-content .slick-next i { display: none; } .frontpage_block.block_type_universalslider .block-content .slick-prev.slick-disabled, .frontpage_block.block_type_pageslider .block-content .slick-prev.slick-disabled, .frontpage_block.block_type_universalslider .block-content .slick-next.slick-disabled, .frontpage_block.block_type_pageslider .block-content .slick-next.slick-disabled { visibility: hidden; } .frontpage_block.block_type_universalslider .block-content .slick-prev, .frontpage_block.block_type_pageslider .block-content .slick-prev { left: auto; right: 26px; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } .frontpage_block.block_type_newsitems { margin-bottom: 0; } @media (min-width: 768px) { .frontpage_block { padding: 0 12px; } .frontpage_block.block_25, .frontpage_block.block_33, .frontpage_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .frontpage_block.block_66, .frontpage_block.block_75, .frontpage_block.block_100 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .frontpage_block.view-all-btn { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .frontpage_block.view-all-btn a { font-size: 20px; line-height: 25px; } } @media (min-width: 992px) { .frontpage_block.block_25 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .frontpage_block.block_33 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .frontpage_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .frontpage_block.block_66 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .frontpage_block.block_75 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .frontpage_block.block_100 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } #content &gt; .in &gt; .linked_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 78px 0 48px 0; background: #f0f0f0; } #content &gt; .in &gt; .linked_products &gt; .wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin: -78px 0 -48px 0; } #content &gt; .in &gt; .linked_products &gt; .wrap &gt; .in { position: relative; width: 100%; overflow: hidden; } #content &gt; .in &gt; .linked_products h2 { line-height: 30px; } #content &gt; .in &gt; .linked_products #product-slide-nav { position: absolute; top: 5px; right: 0; z-index: 5; } #content &gt; .in &gt; .linked_products #product-slide-nav #product-slide-nav-prev, #content &gt; .in &gt; .linked_products #product-slide-nav #product-slide-nav-next { display: inline-block; width: 20px; height: 20px; margin: 0 8px; background: none center no-repeat; background-size: 14px 18px; cursor: pointer; } #content &gt; .in &gt; .linked_products #product-slide-nav #product-slide-nav-prev { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } #content &gt; .in &gt; .linked_products #product-slide-nav #product-slide-nav-next { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg); } #content &gt; .in &gt; .linked_products .webshop_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; position: relative; left: 0; flex-wrap: nowrap; -webkit-transition: 0.5s all; transition: 0.5s all; } #content &gt; .in &gt; .linked_products .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } #content &gt; .in &gt; .linked_products .webshop_products .product:hover { position: relative; z-index: 20; } #content &gt; .in &gt; .linked_products .webshop_products .product.has_old_price .price { color: #ef8a17; } #content &gt; .in &gt; .linked_products .webshop_products .product.has_old_price .direct_order { background-color: #ef8a17; } #content &gt; .in &gt; .linked_products .webshop_products .product &gt; .wrap { height: 100% !important; min-height: 100%; max-height: 100%; } #content &gt; .in &gt; .linked_products .webshop_products .product.has_text a { padding-bottom: 106px; } #content &gt; .in &gt; .linked_products .webshop_products .product a { left: auto !important; top: auto !important; position: relative !important; display: block; width: 100% !important; height: 100% !important; padding: 24px 16px 90px 16px; margin: 0 !important; color: #3d3e3d; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } #content &gt; .in &gt; .linked_products .webshop_products .product a.with-hover:hover .picture { display: none; } #content &gt; .in &gt; .linked_products .webshop_products .product a.with-hover:hover .picture-popup { display: block !important; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay { position: absolute; z-index: 10; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay.topleft { top: 8px; left: 8px; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay.topright { top: 0; right: 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay.bottomleft { top: 40px; left: 0; width: 100%; padding: 0 0 75% 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay.bottomleft img { position: absolute; left: 0; bottom: 0; z-index: 1; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay.bottomright { top: 0; left: 0; width: 100%; padding: 0 0 75% 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay.bottomright img { position: absolute; right: 0; bottom: 0; z-index: 1; } #content &gt; .in &gt; .linked_products .webshop_products .product .picture, #content &gt; .in &gt; .linked_products .webshop_products .product .picture-popup { display: block; width: 100% !important; height: auto !important; padding: 0 0 75% 0; margin-top: 40px; background: none center no-repeat; background-size: contain; } #content &gt; .in &gt; .linked_products .webshop_products .product .picture img, #content &gt; .in &gt; .linked_products .webshop_products .product .picture-popup img { display: none; } #content &gt; .in &gt; .linked_products .webshop_products .product .picture-popup { display: none; } #content &gt; .in &gt; .linked_products .webshop_products .product .overview-rating { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: absolute; top: 56px; left: 16px; z-index: 10; margin: 75% 0 0 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .overview-rating .rating-stars { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .overview-rating .rating-stars .star { display: block; width: 10px; height: 10px; margin: 1px 4px 1px 0; background: url(/website/default-v2/images/icons/star/deactive.svg) 50% 50% no-repeat; background-size: 10px 10px; } #content &gt; .in &gt; .linked_products .webshop_products .product .overview-rating .rating-stars .star.active { background-image: url(/website/default-v2/images/icons/star/full.svg); } #content &gt; .in &gt; .linked_products .webshop_products .product .overview-rating .rating-text { margin-left: 4px; font-size: 12px; line-height: 12px; } #content &gt; .in &gt; .linked_products .webshop_products .product .title, #content &gt; .in &gt; .linked_products .webshop_products .product .name { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; margin-top: 36px; font-weight: 700; font-size: 14px; line-height: 20px; } #content &gt; .in &gt; .linked_products .webshop_products .product .desc { display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; font-size: 13px; line-height: 20px; } #content &gt; .in &gt; .linked_products .webshop_products .product .desc &gt; span { display: block; } #content &gt; .in &gt; .linked_products .webshop_products .product .hover-series-block { display: block; } #content &gt; .in &gt; .linked_products .webshop_products .product .hover-series-block &gt; div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 -6px; } #content &gt; .in &gt; .linked_products .webshop_products .product .hover-series-block .series-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 6px; margin: 8px 0 0 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .hover-series-block .series-row .hover-series-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 4px 12px; font-size: 12px; line-height: 16px; white-space: nowrap; background: #f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } #content &gt; .in &gt; .linked_products .webshop_products .product .hover-series-block .series-row .hover-series-item:hover { background: #f5f5f5; } #content &gt; .in &gt; .linked_products .webshop_products .product .price_old, #content &gt; .in &gt; .linked_products .webshop_products .product .from-text { position: absolute; left: 16px; bottom: 41px; z-index: 5; font-size: 12px; line-height: 16px; color: rgba(61, 62, 61, 0.7); } #content &gt; .in &gt; .linked_products .webshop_products .product .price_old + .price_old, #content &gt; .in &gt; .linked_products .webshop_products .product .from-text + .price_old { display: none; } #content &gt; .in &gt; .linked_products .webshop_products .product .price_old:before { content: ""; position: absolute; top: 25%; left: 50%; z-index: 5; width: 110%; height: 1px; background-color: #3d3e3d; transform: rotate(-10deg) translate(-50%, -50%); } #content &gt; .in &gt; .linked_products .webshop_products .product .price { position: absolute; left: 16px; bottom: 16px; z-index: 5; font-size: 20px; line-height: 25px; font-family: "Roboto Slab", serif; font-weight: 700; } #content &gt; .in &gt; .linked_products .webshop_products .product .price .unit_label { margin-left: 6px; font-size: 12px; line-height: 16px; } #content &gt; .in &gt; .linked_products .webshop_products .product .price.normal { display: none; } #content &gt; .in &gt; .linked_products .webshop_products .product .wishlist_btn { position: absolute; top: 16px; right: 16px; z-index: 20; width: 20px; height: 20px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/heart-inactive.svg) 50% 50% no-repeat; background-size: 20px 20px; } #content &gt; .in &gt; .linked_products .webshop_products .product .wishlist_btn.on_wishlist { background-image: url(/website/default-v2/images/icons/general/heart-active.svg); } #content &gt; .in &gt; .linked_products .webshop_products .product .call_to_action { display: none; } #content &gt; .in &gt; .linked_products .webshop_products .product .direct_order { position: absolute; right: 0; bottom: 0; z-index: 5; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/cart-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .in_stock_label, #content &gt; .in &gt; .linked_products .webshop_products .product .extra-text { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #4a7141; } #content &gt; .in &gt; .linked_products .webshop_products .product .limited_stock_label { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #ef8a17; } #content &gt; .in &gt; .linked_products .webshop_products .product .not_in_stock_label { position: absolute; right: 0; bottom: 0; z-index: 10; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/envelope-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .compare { display: none; } @media (min-width: 768px) { #content &gt; .in &gt; .linked_products .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #content &gt; .in &gt; .linked_products .webshop_products .product.has_text a { padding-bottom: 90px; } #content &gt; .in &gt; .linked_products .webshop_products .product .overlay.bottomleft { top: 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .picture, #content &gt; .in &gt; .linked_products .webshop_products .product .picture-popup { margin-top: 0; } #content &gt; .in &gt; .linked_products .webshop_products .product .overview-rating { top: 16px; } } @media (min-width: 992px) { #content &gt; .in &gt; .linked_products .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 1200px) { #content &gt; .in &gt; .linked_products .webshop_products .product { flex: 0 0 20%; } } #content &gt; .in &gt; .linked_categories { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 78px 0 48px 0; background: #f0f0f0; } #content &gt; .in &gt; .linked_categories &gt; .wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; max-width: 1152px; margin: -78px 0 -48px 0; } #content &gt; .in &gt; .linked_categories &gt; .wrap &gt; .in { position: relative; width: 100%; overflow: hidden; } #content &gt; .in &gt; .linked_categories h2 { padding: 0 12px; line-height: 30px; } #content &gt; .in &gt; .linked_categories .webshop_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; position: relative; left: 0; flex-wrap: nowrap; margin: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } #content &gt; .in &gt; .linked_categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } #content &gt; .in &gt; .linked_categories .webshop_products .product &gt; .wrap { display: block; width: 100%; height: 100% !important; max-height: 100%; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } #content &gt; .in &gt; .linked_categories .webshop_products .product &gt; .wrap &gt; a { position: relative; display: block; width: 100% !important; height: 100% !important; padding: 0; background: #4a7141; } #content &gt; .in &gt; .linked_categories .webshop_products .product &gt; .wrap &gt; a:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; background: #1d1b28; -webkit-transition: 0.5s all; transition: 0.5s all; } #content &gt; .in &gt; .linked_categories .webshop_products .product &gt; .wrap &gt; a:hover:before { opacity: 0.4; } #content &gt; .in &gt; .linked_categories .webshop_products .product .picture { display: block; width: 100%; padding: 0 0 100% 0; margin-top: 0; background: none center no-repeat; background-size: cover; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } #content &gt; .in &gt; .linked_categories .webshop_products .product .picture img { display: none; } #content &gt; .in &gt; .linked_categories .webshop_products .product .title { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 8px; line-height: 18px; text-align: center; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; background: #7caa7b; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; } @media (min-width: 768px) { #content &gt; .in &gt; .linked_categories .webshop_products .product &gt; .wrap { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } #content &gt; .in &gt; .linked_categories .webshop_products .product .title { padding: 8px 24px; font-size: 16px; line-height: 20px; -webkit-border-radius: 40px 0 0 0; -moz-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0; } } @media (min-width: 992px) { #content &gt; .in &gt; .linked_categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } #content &gt; .in &gt; .linked_categories .webshop_products .product { margin-bottom: 24px; } @media (min-width: 1200px) { #content &gt; .in &gt; .linked_categories .webshop_products .product { flex: 0 0 20%; } } #content &gt; .in &gt; .linked_categories .custom-slider-nav { right: 24px; } .pages-page { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .pages-page .page-title { padding: 0 12px; width: 100%; max-width: 1152px; } .pages-page .page-text { padding: 0 12px; margin: 0 0 24px 0; width: 100%; max-width: 1152px; text-align: justify; } .pages-page .page-text img { max-width: 100% !important; height: auto !important; } .pages-page .page-text figure { width: 25%; min-height: 10px; padding: 0 0 12px 12px; float: right; } .pages-page .page-text figure img { width: 100%; float: left; } .pages-page .page-text ul, .pages-page .page-text ol { display: block; margin: 1.12em 0; margin-left: 40px; text-align: left; } .pages-page .page-text li { display: list-item; margin-bottom: 5px; line-height: 1.5em; } .pages-page .page-text ol { list-style-type: decimal; } .pages-page .page-text ol ul, .pages-page .page-text ul ol, .pages-page .page-text ul ul, .pages-page .page-text ol ol { margin-top: 0; margin-bottom: 0; } .pages-page + .formbuilder { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0 0 24px 0; } .pages-page + .formbuilder &gt; .wrap { padding: 0 12px; width: 100%; max-width: 1152px; } .pages-page + .formbuilder .form_text { margin: 0 0 24px 0; } .pages-page + .formbuilder .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .pages-page + .formbuilder .form input { height: auto; min-height: 50px; line-height: 20px; padding: 14px 19px; } .pages-page + .formbuilder .form textarea { height: auto; } .pages-page + .formbuilder .form .grid-4-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 8px 0; } .pages-page + .formbuilder .form .grid-8-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 12px 0; } .pages-page + .formbuilder .form .grid-8-12 input { max-width: 314px; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress { margin: 0; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Postcode { margin: 0 0 12px 0; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Housenumber { margin: 0 0 12px 0; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Addition { margin: 0 0 12px 0; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Street { margin: 0 0 12px 0; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_City { margin: 0 0 12px 0; } .pages-page + .formbuilder .form .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 12px 0; } .pages-page + .formbuilder .form .field_type_button { margin: 0; } .pages-page + .formbuilder .form .field_type_button input { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .pages-page + .formbuilder .form .field_type_button input:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .pages-page + .formbuilder .form .field_type_button input:hover { color: #fff; background: #3d3e3d; } @media (min-width: 992px) { .pages-page + .formbuilder .form { margin: 0 0 36px 0; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress fieldset { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Postcode { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Housenumber { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Addition { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_Street { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .pages-page + .formbuilder .form .grid-8-12.field_type_postcodenladdress .address_City { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .pages-page + .form { position: relative; padding: 0 12px; margin: 0 auto 36px auto; width: 100%; max-width: 1152px; } .pages-page + .form .grid-8-12 { padding: 0; width: 100%; max-width: 100%; } .pages-page + .form .grid-8-12 input { padding: 14px 19px; width: 100%; height: auto; min-height: 50px; line-height: 20px; } .pages-page + .form .grid-4-12 { position: absolute; top: 0; right: 12px; z-index: 5; margin: 15px; width: auto; padding: 0; } .pages-page + .form .grid-4-12 input { width: 20px; height: 20px; padding: 0; font-size: 0; text-indent: -9999px; border: 0; background: url(/website/default-v2/images/icons/navigational/search.svg) center no-repeat; } @media (min-width: 768px) { .pages-page + .form .grid-8-12 { width: 66.6666666%; } .pages-page + .form .grid-4-12 { right: 33.3333333%; } } @media (min-width: 992px) { .pages-page + .form .grid-8-12 { width: 50%; } .pages-page + .form .grid-4-12 { right: 50%; } } .page_columns { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; max-width: 1152px; margin: 0; } .page_columns .column { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0 0 12px 0; } .page_columns .column &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0; } @media (min-width: 768px) { .page_columns .column { margin-bottom: 24px; } .page_columns .column.colspan1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; } .page_columns .column.colspan2, .page_columns .column.colspan3 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } } @media (min-width: 992px) { .page_columns .column { margin-bottom: 36px; } .page_columns .column.colspan1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0; } .page_columns .column.colspan2 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; } .page_columns .column.colspan3 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding: 0; } } .page_block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 24px 0; } .page_block &gt; a { width: 100%; margin: 0; color: #3d3e3d; } .page_block &gt; a &gt; .wrap, .page_block &gt; .wrap { width: 100%; background: none center no-repeat; background-size: cover; } .page_block &gt; a &gt; .wrap &gt; .in, .page_block &gt; .wrap &gt; .in { width: 100%; } .page_block .block-title { width: 100%; } .page_block .block-image { width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; } .page_block .block-image img { display: none; } .page_block .block-content { width: 100%; } .page_block .block-content p a, .page_block .block-content ul a, .page_block .block-content ol a, .page_block .block-content &gt; div a { color: #3d3e3d; text-decoration: underline; } .page_block .block-content p a:hover, .page_block .block-content ul a:hover, .page_block .block-content ol a:hover, .page_block .block-content &gt; div a:hover { color: #7caa7b; } .page_block .block-content a.more_link { float: right; } .page_block .block-content figure { width: 25%; min-height: 10px; padding: 0 0 12px 12px; float: right; } .page_block .block-content figure img { width: 100%; float: left; } @media (min-width: 768px) { .page_block.block_25, .page_block.block_33, .page_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .page_block.block_66, .page_block.block_75 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .page_block.block_25 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .page_block.block_33 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .page_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .page_block.block_66 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .page_block.block_75 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } } .pages_407 .page_columns { max-width: 100%; } .pages_407 .page_columns .column { justify-content: center !important; } .pages_407 .page_columns .column#page_placeholder_272 .page_block h1, .pages_407 .page_columns .column#page_placeholder_272 .page_block h2, .pages_407 .page_columns .column#page_placeholder_272 .page_block h3 { font-size: 14px; } .pages_407 .page_columns .column &gt; .in { max-width: 1152px; } .pages_407 .page_columns .column &gt; .in.no-max-width { max-width: 100%; } .pages_407 .page_columns .column &gt; .in.max-width-big { max-width: 1400px; } .pages_407 .page_columns .column .block-google-maps { display: none; } .pages_407 .page_columns .column .block-custom-category { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .pages_407 .page_columns .column .block-image-full, .pages_407 .page_columns .column .form-contact-page { padding: 0; } .pages_407 .page_columns .column .block-image-full &gt; .wrap, .pages_407 .page_columns .column .form-contact-page &gt; .wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .pages_407 .page_columns .column .form-contact-page &gt; .wrap &gt; .in { margin-right: auto; } @media (min-width: 768px) { .pages_407 .page_columns .column#page_placeholder_272 .page_block h1, .pages_407 .page_columns .column#page_placeholder_272 .page_block h2, .pages_407 .page_columns .column#page_placeholder_272 .page_block h3 { font-size: 16px; } .pages_407 .page_columns .column#page_placeholder_272 .block-social-icons h1, .pages_407 .page_columns .column#page_placeholder_272 .block-social-icons h2, .pages_407 .page_columns .column#page_placeholder_272 .block-social-icons h3 { font-size: 14px; } .pages_407 .page_columns .column#page_placeholder_272 .block_type_openinghours, .pages_407 .page_columns .column#page_placeholder_272 .contact-page-address { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .pages_407 .page_columns .column:nth-child(1) { margin-bottom: 0; } .pages_407 .page_columns .column .contact-page-address .page_block { padding: 0; } } @media (min-width: 992px) { .pages_407 .page_columns .column#page_placeholder_272 .block_type_openinghours, .pages_407 .page_columns .column#page_placeholder_272 .contact-page-address { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .pages_407 .page_columns .column#page_placeholder_272 .block_type_openinghours { padding-right: 36px; } .pages_407 .page_columns .column#page_placeholder_272 .block-google-maps { display: block; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (min-width: 1200px) { .pages_407 .page_columns .column .form-contact-page &gt; .wrap { justify-content: center !important; } .pages_407 .page_columns .column .form-contact-page &gt; .wrap &gt; .in { max-width: 667.2px; margin-right: 460.8px; } } .pages_408 .page_columns .column .block_type_form .form .field_type_textarea { max-width: 100%; } .pages #content &gt; .in .page-text ul, .seo #content &gt; .in .page-text ul, .pages #content &gt; .in .page-text ol, .seo #content &gt; .in .page-text ol { margin-left: 0; } .pages #content &gt; .in .page-text p a, .seo #content &gt; .in .page-text p a, .pages #content &gt; .in .page-text ul a, .seo #content &gt; .in .page-text ul a, .pages #content &gt; .in .page-text ol a, .seo #content &gt; .in .page-text ol a { color: #3d3e3d; text-decoration: underline; } .pages #content &gt; .in .page-text p a:hover, .seo #content &gt; .in .page-text p a:hover, .pages #content &gt; .in .page-text ul a:hover, .seo #content &gt; .in .page-text ul a:hover, .pages #content &gt; .in .page-text ol a:hover, .seo #content &gt; .in .page-text ol a:hover { color: #7caa7b; } .pages #content &gt; .in &gt; .linked_products &gt; .wrap, .seo #content &gt; .in &gt; .linked_products &gt; .wrap { padding: 0; background: none; } .pages #content &gt; .in &gt; .linked_products &gt; .wrap &gt; .in, .seo #content &gt; .in &gt; .linked_products &gt; .wrap &gt; .in { margin: 0; } .pages #content &gt; .in &gt; .linked_products + .linked_categories, .seo #content &gt; .in &gt; .linked_products + .linked_categories { margin-top: 144px; } .pages #content &gt; .in &gt; .linked_categories &gt; .wrap, .seo #content &gt; .in &gt; .linked_categories &gt; .wrap { padding: 0; background: none; } .pages #content &gt; .in &gt; .linked_categories &gt; .wrap &gt; .in, .seo #content &gt; .in &gt; .linked_categories &gt; .wrap &gt; .in { margin: 0; } body.default #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } article.search-results { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } article.search-results .page-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } article.search-results .page-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } article.search-results .page-text .results-text, article.search-results .page-text .no-results-text, article.search-results .page-text .no-keyword-text { width: 100%; margin-bottom: 24px; } article.search-results .page-text .results-text .keyword, article.search-results .page-text .no-results-text .keyword, article.search-results .page-text .no-keyword-text .keyword { font-weight: 600; } article.search-results .search-results-block { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } article.search-results .search-results-block.search-results-categories .webshop_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 12px 0; padding: 0 6px; } article.search-results .search-results-block.search-results-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } article.search-results .search-results-block.search-results-categories .webshop_products .product &gt; .wrap { display: block; width: 100%; height: 100% !important; max-height: 100%; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } article.search-results .search-results-block.search-results-categories .webshop_products .product &gt; .wrap &gt; a { position: relative; display: block; width: 100% !important; height: 100% !important; padding: 0; background: #4a7141; } article.search-results .search-results-block.search-results-categories .webshop_products .product &gt; .wrap &gt; a:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; background: #1d1b28; -webkit-transition: 0.5s all; transition: 0.5s all; } article.search-results .search-results-block.search-results-categories .webshop_products .product &gt; .wrap &gt; a:hover:before { opacity: 0.4; } article.search-results .search-results-block.search-results-categories .webshop_products .product .picture { display: block; width: 100%; padding: 0 0 100% 0; margin-top: 0; background: none center no-repeat; background-size: cover; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } article.search-results .search-results-block.search-results-categories .webshop_products .product .picture img { display: none; } article.search-results .search-results-block.search-results-categories .webshop_products .product .title { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 8px; line-height: 18px; text-align: center; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; background: #7caa7b; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; } @media (min-width: 768px) { article.search-results .search-results-block.search-results-categories .webshop_products .product &gt; .wrap { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } article.search-results .search-results-block.search-results-categories .webshop_products .product .title { padding: 8px 24px; font-size: 16px; line-height: 20px; -webkit-border-radius: 40px 0 0 0; -moz-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0; } } @media (min-width: 992px) { article.search-results .search-results-block.search-results-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } article.search-results .search-results-block.search-results-categories .webshop_products .product { padding: 0 6px; margin: 0 0 12px 0; } article.search-results .search-results-block.search-results-plantguide-overview { display: none; } article.search-results .search-results-block.search-results-news { margin-bottom: 12px; padding: 0 6px; } article.search-results .search-results-block.search-results-news .search-results-title { padding: 0 6px; } article.search-results .search-results-block &gt; ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0 0 18px 0; list-style: none; } article.search-results .search-results-block &gt; ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 6px; } article.search-results .search-results-block &gt; ul li:before { display: none; } @media (min-width: 768px) { article.search-results .search-results-block &gt; ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1200px) { article.search-results .search-results-block &gt; ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } article.search-results .search-results-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px; line-height: 20px; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; } article.search-results .brands-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 12px 0; padding: 0 6px; } article.search-results .brands-overview .brand-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 0 12px 0; padding: 0 6px; } article.search-results .brands-overview .brand-item a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-items: center !important; width: 100%; height: 100px; min-height: 100px; margin: 0; padding: 4px; font-weight: 700; color: #3d3e3d; border: 1px solid #f0f0f0; text-align: center; -webkit-transition: 0.5s all; transition: 0.5s all; } article.search-results .brands-overview .brand-item a:hover { border-color: #4a7141; } article.search-results .brands-overview .brand-item figure { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-content: center !important; padding: 0; margin: 0; width: 100%; height: 100%; } article.search-results .brands-overview .brand-item figure + span { display: none; } article.search-results .brands-overview .brand-item figure img { max-width: 100%; max-height: 100%; } article.search-results .brands-overview .brand-item &gt; span { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-items: center !important; width: 100%; height: 100px; min-height: 100px; margin: 0; padding: 4px; border: 1px solid #f0f0f0; text-align: center; } @media (min-width: 768px) { article.search-results .brands-overview .brand-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { article.search-results .brands-overview .brand-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } article.search-results .products-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 12px 0; padding: 0 6px; } article.search-results .products-overview .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 0 12px 0; padding: 0 6px; } article.search-results .products-overview .product:hover { position: relative; z-index: 20; } article.search-results .products-overview .product.has_old_price .price { color: #ef8a17; } article.search-results .products-overview .product.has_old_price .direct_order { background-color: #ef8a17; } article.search-results .products-overview .product &gt; .wrap { height: 100% !important; min-height: 100%; max-height: 100%; } article.search-results .products-overview .product.has_text a { padding-bottom: 106px; } article.search-results .products-overview .product a { left: auto !important; top: auto !important; position: relative !important; display: block; width: 100% !important; height: 100% !important; padding: 24px 16px 90px 16px; margin: 0 !important; color: #3d3e3d; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } article.search-results .products-overview .product a.with-hover:hover .picture { display: none; } article.search-results .products-overview .product a.with-hover:hover .picture-popup { display: block !important; } article.search-results .products-overview .product .overlay { position: absolute; z-index: 10; } article.search-results .products-overview .product .overlay.topleft { top: 8px; left: 8px; } article.search-results .products-overview .product .overlay.topright { top: 0; right: 0; } article.search-results .products-overview .product .overlay.bottomleft { top: 40px; left: 0; width: 100%; padding: 0 0 75% 0; } article.search-results .products-overview .product .overlay.bottomleft img { position: absolute; left: 0; bottom: 0; z-index: 1; } article.search-results .products-overview .product .overlay.bottomright { top: 0; left: 0; width: 100%; padding: 0 0 75% 0; } article.search-results .products-overview .product .overlay.bottomright img { position: absolute; right: 0; bottom: 0; z-index: 1; } article.search-results .products-overview .product .picture, article.search-results .products-overview .product .picture-popup { display: block; width: 100% !important; height: auto !important; padding: 0 0 75% 0; margin-top: 40px; background: none center no-repeat; background-size: contain; } article.search-results .products-overview .product .picture img, article.search-results .products-overview .product .picture-popup img { display: none; } article.search-results .products-overview .product .picture-popup { display: none; } article.search-results .products-overview .product .overview-rating { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: absolute; top: 56px; left: 16px; z-index: 10; margin: 75% 0 0 0; } article.search-results .products-overview .product .overview-rating .rating-stars { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } article.search-results .products-overview .product .overview-rating .rating-stars .star { display: block; width: 10px; height: 10px; margin: 1px 4px 1px 0; background: url(/website/default-v2/images/icons/star/deactive.svg) 50% 50% no-repeat; background-size: 10px 10px; } article.search-results .products-overview .product .overview-rating .rating-stars .star.active { background-image: url(/website/default-v2/images/icons/star/full.svg); } article.search-results .products-overview .product .overview-rating .rating-text { margin-left: 4px; font-size: 12px; line-height: 12px; } article.search-results .products-overview .product .title, article.search-results .products-overview .product .name { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; margin-top: 36px; font-weight: 700; font-size: 14px; line-height: 20px; } article.search-results .products-overview .product .desc { display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; font-size: 13px; line-height: 20px; } article.search-results .products-overview .product .desc &gt; span { display: block; } article.search-results .products-overview .product .hover-series-block { display: block; } article.search-results .products-overview .product .hover-series-block &gt; div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 -6px; } article.search-results .products-overview .product .hover-series-block .series-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 6px; margin: 8px 0 0 0; } article.search-results .products-overview .product .hover-series-block .series-row .hover-series-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 4px 12px; font-size: 12px; line-height: 16px; white-space: nowrap; background: #f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } article.search-results .products-overview .product .hover-series-block .series-row .hover-series-item:hover { background: #f5f5f5; } article.search-results .products-overview .product .price_old, article.search-results .products-overview .product .from-text { position: absolute; left: 16px; bottom: 41px; z-index: 5; font-size: 12px; line-height: 16px; color: rgba(61, 62, 61, 0.7); } article.search-results .products-overview .product .price_old + .price_old, article.search-results .products-overview .product .from-text + .price_old { display: none; } article.search-results .products-overview .product .price_old:before { content: ""; position: absolute; top: 25%; left: 50%; z-index: 5; width: 110%; height: 1px; background-color: #3d3e3d; transform: rotate(-10deg) translate(-50%, -50%); } article.search-results .products-overview .product .price { position: absolute; left: 16px; bottom: 16px; z-index: 5; font-size: 20px; line-height: 25px; font-family: "Roboto Slab", serif; font-weight: 700; } article.search-results .products-overview .product .price .unit_label { margin-left: 6px; font-size: 12px; line-height: 16px; } article.search-results .products-overview .product .price.normal { display: none; } article.search-results .products-overview .product .wishlist_btn { position: absolute; top: 16px; right: 16px; z-index: 20; width: 20px; height: 20px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/heart-inactive.svg) 50% 50% no-repeat; background-size: 20px 20px; } article.search-results .products-overview .product .wishlist_btn.on_wishlist { background-image: url(/website/default-v2/images/icons/general/heart-active.svg); } article.search-results .products-overview .product .call_to_action { display: none; } article.search-results .products-overview .product .direct_order { position: absolute; right: 0; bottom: 0; z-index: 5; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/cart-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } article.search-results .products-overview .product .in_stock_label, article.search-results .products-overview .product .extra-text { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #4a7141; } article.search-results .products-overview .product .limited_stock_label { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #ef8a17; } article.search-results .products-overview .product .not_in_stock_label { position: absolute; right: 0; bottom: 0; z-index: 10; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/envelope-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } article.search-results .products-overview .product .compare { display: none; } @media (min-width: 768px) { article.search-results .products-overview .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } article.search-results .products-overview .product.has_text a { padding-bottom: 90px; } article.search-results .products-overview .product .overlay.bottomleft { top: 0; } article.search-results .products-overview .product .picture, article.search-results .products-overview .product .picture-popup { margin-top: 0; } article.search-results .products-overview .product .overview-rating { top: 16px; } } @media (min-width: 992px) { article.search-results .products-overview .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } article.search-results #show_more_products { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } article.search-results #show_more_products a { margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } article.search-results #show_more_products a:hover, article.search-results #show_more_products a:focus, article.search-results #show_more_products a.focus { color: #333; text-decoration: none; } article.search-results #show_more_products a:active, article.search-results #show_more_products a.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } article.search-results #show_more_products a.disabled, article.search-results #show_more_products a[disabled], fieldset[disabled] article.search-results #show_more_products a { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } aarticle.search-results #show_more_products a.disabled, fieldset[disabled] aarticle.search-results #show_more_products a { pointer-events: none; } article.search-results #show_more_products a.left { float: left; } article.search-results #show_more_products a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } article.search-results #show_more_products a:hover { color: #fff; background: #3d3e3d; } article.search-results .show-more { margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; margin: 0 0 24px 6px; } article.search-results .show-more:hover, article.search-results .show-more:focus, article.search-results .show-more.focus { color: #333; text-decoration: none; } article.search-results .show-more:active, article.search-results .show-more.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } article.search-results .show-more.disabled, article.search-results .show-more[disabled], fieldset[disabled] article.search-results .show-more { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } aarticle.search-results .show-more.disabled, fieldset[disabled] aarticle.search-results .show-more { pointer-events: none; } article.search-results .show-more.left { float: left; } article.search-results .show-more:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } article.search-results .show-more:hover { color: #fff; background: #3d3e3d; } article.search-results .news-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 0 12px 0; padding: 0 6px; } article.search-results .news-item &gt; .wrap { position: relative; width: 100%; height: 100%; padding: 100% 0 0 0; } article.search-results .news-item &gt; .wrap &gt; .in { height: 100%; } article.search-results .news-item .news-title { margin-top: 18px; } article.search-results .news-item .news-title h2 { font-size: 17px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } article.search-results .news-item .news-text &gt; * { display: none; } article.search-results .news-item .news-text figure { display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 0; overflow: hidden; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } article.search-results .news-item .news-text figure a { display: block; width: 100%; padding: 0 0 100% 0; background: rgba(29, 27, 40, 0); -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } article.search-results .news-item .news-text figure a:hover { background: rgba(29, 27, 40, 0.4); } article.search-results .news-item .news-text figure img { display: none; } article.search-results .news-item .news-text p:first-of-type { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } article.search-results .news-item .news-text .more { display: none; } article.search-results .news-item .news-text .read-more { display: block; position: absolute; top: -50px; right: 0; z-index: 10; margin: 100% 0 0 0; padding: 0 15px; line-height: 50px; color: #f5f5f5; background: #1d1b28; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } article.search-results .news-item .news-tag { position: absolute; top: 10px; left: 10px; z-index: 10; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } article.search-results .news-item .news-tags { position: absolute; top: 10px; left: 10px; z-index: 10; } article.search-results .news-item .news-tags .tags-title { display: none; } article.search-results .news-item .news-tags .tags-box { position: relative; padding-right: 40px; } article.search-results .news-item .news-tags .tags-box a { display: block; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } article.search-results .news-item .news-tags .tags-box a:nth-child(1n+2) { visibility: hidden; } article.search-results .news-item .news-tags .tags-box .show-tags { position: absolute; top: 0; right: 0; z-index: 5; width: 34px; height: 34px; cursor: pointer; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat #ef8a17; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } article.search-results .news-item .news-tags .tags-box.show a:nth-child(1n+2) { visibility: visible; } article.search-results .news-item .news-source { display: none; } @media (min-width: 768px) { article.search-results .news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.search-results .news-item &gt; .wrap { padding-top: 75%; } article.search-results .news-item .news-title h2 { font-size: 21px; line-height: 25px; } article.search-results .news-item .news-text figure a { padding-bottom: 75%; } article.search-results .news-item .news-text .read-more { margin-top: 75%; } } @media (min-width: 768px) { article.search-results .search-results-title { font-size: 16px; } article.search-results .search-results-block.search-results-categories .webshop_products { padding: 0; margin: 0; } article.search-results .search-results-block.search-results-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 12px; margin: 0 0 24px 0; } article.search-results .search-results-block.search-results-news { margin-bottom: 0; padding: 0; } article.search-results .search-results-block.search-results-news .search-results-title { padding: 0 12px; } article.search-results .brands-overview { padding: 0; margin: 0; } article.search-results .brands-overview .brand-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin: 0 0 24px 0; } article.search-results .products-overview { padding: 0; margin: 0; } article.search-results .products-overview .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin: 0 0 24px 0; } article.search-results .news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin: 0 0 24px 0; } article.search-results .show-more { margin-left: 12px; } } @media (min-width: 992px) { article.search-results .search-results-block.search-results-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } article.search-results .brands-overview .brand-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } article.search-results .products-overview .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } article.search-results .news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } body.news #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .news-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; max-width: 1152px; } .news-overview &gt; h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .news-overview .keyword-explanation { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .news-overview .news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .news-overview .news-item &gt; .wrap { position: relative; width: 100%; height: 100%; padding: 100% 0 0 0; } .news-overview .news-item &gt; .wrap &gt; .in { height: 100%; } .news-overview .news-item .news-title { margin-top: 18px; } .news-overview .news-item .news-title h2 { font-size: 17px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-overview .news-item .news-text &gt; * { display: none; } .news-overview .news-item .news-text figure { display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 0; overflow: hidden; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .news-overview .news-item .news-text figure a { display: block; width: 100%; padding: 0 0 100% 0; background: rgba(29, 27, 40, 0); -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-overview .news-item .news-text figure a:hover { background: rgba(29, 27, 40, 0.4); } .news-overview .news-item .news-text figure img { display: none; } .news-overview .news-item .news-text p:first-of-type { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .news-overview .news-item .news-text .more { display: none; } .news-overview .news-item .news-text .read-more { display: block; position: absolute; top: -50px; right: 0; z-index: 10; margin: 100% 0 0 0; padding: 0 15px; line-height: 50px; color: #f5f5f5; background: #1d1b28; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .news-overview .news-item .news-tag { position: absolute; top: 10px; left: 10px; z-index: 10; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .news-overview .news-item .news-tags { position: absolute; top: 10px; left: 10px; z-index: 10; } .news-overview .news-item .news-tags .tags-title { display: none; } .news-overview .news-item .news-tags .tags-box { position: relative; padding-right: 40px; } .news-overview .news-item .news-tags .tags-box a { display: block; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .news-overview .news-item .news-tags .tags-box a:nth-child(1n+2) { visibility: hidden; } .news-overview .news-item .news-tags .tags-box .show-tags { position: absolute; top: 0; right: 0; z-index: 5; width: 34px; height: 34px; cursor: pointer; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat #ef8a17; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .news-overview .news-item .news-tags .tags-box.show a:nth-child(1n+2) { visibility: visible; } .news-overview .news-item .news-source { display: none; } @media (min-width: 768px) { .news-overview .news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .news-overview .news-item &gt; .wrap { padding-top: 75%; } .news-overview .news-item .news-title h2 { font-size: 21px; line-height: 25px; } .news-overview .news-item .news-text figure a { padding-bottom: 75%; } .news-overview .news-item .news-text .read-more { margin-top: 75%; } } .news-overview .tag-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .news-overview .tag-item .wrap { position: relative; width: 100%; padding: 100% 0 0 0; background: #f0f0f0; overflow: hidden; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } .news-overview .tag-item .wrap:before { content: ""; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; background: #1d1b28; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-overview .tag-item .wrap:hover:before { opacity: 0.4; } .news-overview .tag-item .tag-image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; } .news-overview .tag-item .tag-image img { display: none; } .news-overview .tag-item .tag-title { position: absolute; top: 10px; left: 10px; z-index: 10; padding: 15px 25px; line-height: 20px; text-transform: uppercase; font-weight: 600; color: #fff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .news-overview .tag-item .tag-amount { display: flex; position: absolute; right: 0; bottom: 0; z-index: 10; padding: 0 15px; line-height: 50px; color: #f5f5f5; background: #1d1b28; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } .news-overview .tag-item .tag-amount .tag-amount-number { margin-right: 5px; } @media (min-width: 768px) { .news-overview .tag-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .news-overview .tag-item .wrap { padding-top: 75%; } .news-overview .tag-item .tag-image { padding-bottom: 75%; } } .news_columns { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; width: 100%; max-width: 1152px; margin: 0; } .news_columns.has-header-pictures { position: relative; z-index: 60; } .news_columns.has-header-pictures .column:nth-child(1) { margin-top: -48px; } .news_columns .news-column-wrapper { width: 100%; max-width: 1152px; } .news_columns .column { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin: 0 0 12px 0; padding: 0; } .news_columns .column.max-width-big { max-width: 1400px; } .news_columns .column.max-width-big &gt; .in { max-width: 100%; padding: 0; } .news_columns .column.no-max-width { max-width: 100%; padding: 0; } .news_columns .column.no-max-width &gt; .in { max-width: 100%; padding: 0 !important; } .news_columns .column:nth-child(1) &gt; .in { padding-top: 24px; -webkit-border-radius: 32px 32px 0 0; -moz-border-radius: 32px 32px 0 0; border-radius: 32px 32px 0 0; } .news_columns .column &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 840px; margin: 0; padding: 0; background: #fff; } .news_columns .column .block_type_photo_slider .slick-slider { padding: 0; } .news_columns .column .block_type_photo_slider .slick-slide { padding: 0; } .news_columns .column .block_type_photo_slider .slick-prev { left: 12px; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev.svg); } .news_columns .column .block_type_photo_slider .slick-next { right: 12px; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next.svg); } .news_columns .column .block_type_webshop_categories .webshop_products { padding: 0 16px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts, .news_columns .column .block_type_webshop_featuredproducts, .news_columns .column .block_type_webshop_popularfeaturedproducts { padding: 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts &gt; .wrap, .news_columns .column .block_type_webshop_featuredproducts &gt; .wrap, .news_columns .column .block_type_webshop_popularfeaturedproducts &gt; .wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 60px 0; background: #f0f0f0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts &gt; .wrap &gt; .in, .news_columns .column .block_type_webshop_featuredproducts &gt; .wrap &gt; .in, .news_columns .column .block_type_webshop_popularfeaturedproducts &gt; .wrap &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin: -60px 0; padding: 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-title, .news_columns .column .block_type_webshop_featuredproducts .block-title, .news_columns .column .block_type_webshop_popularfeaturedproducts .block-title { padding: 0 24px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-content, .news_columns .column .block_type_webshop_featuredproducts .block-content, .news_columns .column .block_type_webshop_popularfeaturedproducts .block-content { position: relative; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .news_columns .column .block_type_webshop_featuredproducts .webshop_products, .news_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products { padding: 0 16px; margin-bottom: 6px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .news_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .news_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 8px; margin-bottom: 16px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav, .news_columns .column .block_type_webshop_featuredproducts .custom-slider-nav, .news_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav { left: 50%; width: 100%; max-width: 1152px; transform: translateX(-50%); } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-prev, .news_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-prev, .news_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-prev { left: auto; right: 42px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-next, .news_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-next, .news_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-next { right: 16px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .block-content, .news_columns .column .block_type_webshop_featuredproducts.slider-of-categories .block-content, .news_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .block-content { margin: 0; padding: 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products, .news_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products, .news_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products { flex-wrap: nowrap; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .news_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .news_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 8px; } .news_columns .block_type_webshop_shopthelook { margin-left: auto; max-width: 1276px; } @media (min-width: 768px) { .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .news_columns .column .block_type_webshop_featuredproducts .webshop_products, .news_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products { padding: 0; margin: 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .news_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .news_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 24px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-prev, .news_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-prev, .news_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-prev { right: 50px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-next, .news_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-next, .news_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-next { right: 24px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products, .news_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products, .news_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products { padding: 0 12px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .news_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .news_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .news_columns .column .block_type_webshop_categories { width: 100%; flex: 0 0 auto; max-width: 100%; } .news_columns .column .block_type_webshop_categories .webshop_products { padding: 0 12px; } .news_columns .column .block_type_webshop_categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (min-width: 992px) { .news_columns.has-header-pictures .column:nth-child(1) { margin-top: -124px; } .news_columns .column &gt; .in { padding: 0 30px; } .news_columns .column.max-width-big .block_type_webshop_shopthelook { padding-left: 42px; } .news_columns .column:nth-child(1) &gt; .in { padding-top: 48px; -webkit-border-radius: 40px 40px 0 0; -moz-border-radius: 40px 40px 0 0; border-radius: 40px 40px 0 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts &gt; .wrap &gt; .in, .news_columns .column .block_type_webshop_featuredproducts &gt; .wrap &gt; .in, .news_columns .column .block_type_webshop_popularfeaturedproducts &gt; .wrap &gt; .in { padding-left: 28.8px; padding-right: 28.8px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-title, .news_columns .column .block_type_webshop_featuredproducts .block-title, .news_columns .column .block_type_webshop_popularfeaturedproducts .block-title { padding: 0 13.71428571px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-content, .news_columns .column .block_type_webshop_featuredproducts .block-content, .news_columns .column .block_type_webshop_popularfeaturedproducts .block-content { padding: 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .news_columns .column .block_type_webshop_featuredproducts .webshop_products, .news_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products { padding: 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .news_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .news_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-prev, .news_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-prev, .news_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-prev { right: 68px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .custom-slider-nav .custom-slider-next, .news_columns .column .block_type_webshop_featuredproducts .custom-slider-nav .custom-slider-next, .news_columns .column .block_type_webshop_popularfeaturedproducts .custom-slider-nav .custom-slider-next { right: 42px; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products, .news_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products, .news_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products { padding: 0; } .news_columns .column .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .news_columns .column .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .news_columns .column .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } .news_columns .column .block_type_webshop_categories .webshop_products { padding: 0; } } @media (min-width: 1200px) { .news_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .news_columns .column .block_type_webshop_featuredproducts .webshop_products .product, .news_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } } .news_block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 24px 0; padding: 0 24px; } .news_block &gt; a { width: 100%; margin: 0; color: #3d3e3d; } .news_block &gt; a &gt; .wrap, .news_block &gt; .wrap { width: 100%; background: none center no-repeat; background-size: cover; } .news_block &gt; a &gt; .wrap &gt; .in, .news_block &gt; .wrap &gt; .in { width: 100%; } .news_block .block-title { width: 100%; } .news_block .block-image { width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; } .news_block .block-image img { display: none; } .news_block .block-content { width: 100%; } .news_block .block-content p a, .news_block .block-content ul a, .news_block .block-content ol a, .news_block .block-content td a { text-decoration: underline; color: #3d3e3d; } .news_block .block-content p a:hover, .news_block .block-content ul a:hover, .news_block .block-content ol a:hover, .news_block .block-content td a:hover { text-decoration: underline; color: #7caa7b; } .news_block .block-content p a.btn, .news_block .block-content ul a.btn, .news_block .block-content ol a.btn, .news_block .block-content td a.btn { color: #fff; text-decoration: none; } .news_block .block-content a.more_link { float: right; } .news_block .block-content figure { width: 25%; min-height: 10px; padding: 0 0 12px 12px; float: right; background: none; } .news_block .block-content figure img { display: block; width: 100%; float: left; } .news_block.view-all-btn a { font-family: "Roboto Slab", serif; background-color: #7caa7b; height: 100%; display: block; color: #fff; font-weight: 700; -webkit-border-top-left-radius: 40px; -moz-border-radius-topleft: 40px; border-top-left-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-bottomright: 40px; border-bottom-right-radius: 40px; } .news_block.view-all-btn .wrap { height: 100%; padding: 12px; display: -ms-flexbox; display: flex; text-align: center; align-items: center !important; } @media (min-width: 768px) { .news_block.block_25, .news_block.block_33, .news_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 24px; } .news_block.block_66, .news_block.block_75, .news_block.block_100 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 24px; } } @media (min-width: 992px) { .news_block { padding: 0 12px; } .news_block.block_25 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .news_block.block_33 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .news_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .news_block.block_66 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .news_block.block_75 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .news_block.block_100 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .news-main-title { margin-bottom: 16px; } .news-main-title .block-title h1 { margin: 0; } .news-main-title .news-tags { padding: 0 !important; margin: 16px 0 0 0 !important; } .news-main-title .news-tags .news-tags-slider { right: 0 !important; } .news-reading-time { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; padding-left: 24px; } .news-reading-time .block-content p { padding-left: 20px; font-size: 14px; line-height: 24px; color: #8b8d8b; background: url(/website/default-v2/images/icons/general/clock.svg) 0 50% no-repeat; background-size: 16px 16px; } @media (min-width: 992px) { .news-reading-time { padding-left: 12px; } } .news-social-share { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; padding-right: 24px; } .news-social-share .block-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-end !important; margin: 0; } .news-social-share ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: auto; padding: 0; margin: 0; list-style: none; } .news-social-share ul li { padding-left: 0; margin-left: 8px; } .news-social-share ul li:before { display: none; } .news-social-share ul li a { display: block; width: 24px; height: 24px; font-size: 0; text-indent: -9999px; background: none center no-repeat; background-size: 24px 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .news-social-share ul li a.fb-share-button { background-image: url(/website/default-v2/images/icons/social/facebook-black.svg); } .news-social-share ul li a.fb-share-button:hover { background-image: url(/website/default-v2/images/icons/social/facebook-hover.svg); } .news-social-share ul li a.email-share-button { background-image: url(/website/default-v2/images/icons/social/mail-black.svg); } .news-social-share ul li a.email-share-button:hover { background-image: url(/website/default-v2/images/icons/social/mail-hover.svg); } .news-social-share ul li a.whatsapp-share-button { background-image: url(/website/default-v2/images/icons/social/whatsapp-black.svg); } .news-social-share ul li a.whatsapp-share-button:hover { background-image: url(/website/default-v2/images/icons/social/whatsapp-hover.svg); } @media (min-width: 992px) { .news-social-share { padding-right: 12px; } .news-social-share ul li.mobile-only { display: none; } } .news-text-image .block-title h2, .news-text-image .block-title h3 { font-family: "Roboto Slab", serif; font-weight: 700; line-height: 1.1; color: #1d1b28; margin-top: 10px; margin-bottom: 10px; font-size: 20px; margin-top: 16px; margin-bottom: 8px; font-size: 17px; margin-bottom: 16px; } .news-text-image .block-title h2 small, .news-text-image .block-title h3 small, .news-text-image .block-title h2 .small, .news-text-image .block-title h3 .small { font-weight: 400; line-height: 1; color: #777777; } .news-text-image .block-title h2 small, .news-text-image .block-title h3 small, .news-text-image .block-title h2 .small, .news-text-image .block-title h3 .small { font-size: 75%; } .news-text-image .block-title h2:first-child, .news-text-image .block-title h3:first-child { margin-top: 0; } .news-text-image .block-title h2 a, .news-text-image .block-title h3 a { color: inherit; text-decoration: none; } @media (min-width: 768px) { .news-text-image .block-title h2, .news-text-image .block-title h3 { font-size: 18px; } } @media (min-width: 992px) { .news-text-image .block-title h2, .news-text-image .block-title h3 { font-size: 20px; } } .news-text-image .block-image { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 0 !important; background: none !important; } .news-text-image .block-image img { display: block !important; max-width: 100%; } .news-text-image .block-image + .block-content { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 12px 0 0 0; padding: 0; } .news-text-image .block-image + .block-content p { padding: 0; } .news-text-image .block-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-end !important; width: auto; overflow: hidden; } .news-text-image .block-content figure { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; background: none !important; } .news-text-image .block-content figure img { display: block !important; max-width: 100%; } .news-text-image .block-content p { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .news-text-image .block-content ul, .news-text-image .block-content ol { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-right: 0; } @media (min-width: 768px) { .news-text-image &gt; .wrap &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .news-text-image .block-image { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .news-text-image .block-image + .block-content { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; margin: 0; } .news-text-image .block-image + .block-content p, .news-text-image .block-image + .block-content ul, .news-text-image .block-image + .block-content ol { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .news-text-image .block-content figure { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .news-text-image .block-content p, .news-text-image .block-content ul, .news-text-image .block-content ol { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } } .block-news-title-image &gt; a { display: block; width: 100%; } .block-news-title-image &gt; a &gt; .wrap, .block-news-title-image &gt; .wrap { position: relative; width: 100%; padding: 75% 0 0 0; } .block-news-title-image .block-title { margin-top: 12px; } .block-news-title-image .block-title h2 { margin: 0; font-size: 14px; } .block-news-title-image .block-content .block-image { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 0 0 75% 0; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .block-news-title-image .block-content .block-image img { display: none; } .block-news-title-top &gt; a { display: block; width: 100%; } .block-news-title-top &gt; a &gt; .wrap, .block-news-title-top &gt; .wrap { width: 100%; } .block-news-title-top .block-title h2 { margin: 0 0 12px 0; font-size: 14px; } .block-news-title-top .block-subtitle { display: flex; margin: 12px 0; } .block-news-title-top .block-subtitle span { font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; } .block-news-title-top .block-content { position: relative; width: 100%; padding: 75% 0 0 0; } .block-news-title-top .block-content h2, .block-news-title-top .block-content h3 { margin: 12px 0 6px 0; font-size: 14px; } .block-news-title-top .block-content .block-image { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 0 0 75% 0; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .block-news-title-top .block-content .block-image img { display: none; } @media (min-width: 768px) { .block-news-title-top.block_66 .block-content, .block-news-title-top.block_50 .block-content { padding: 37.5% 0 0 50%; } .block-news-title-top.block_66 .block-content *, .block-news-title-top.block_50 .block-content * { margin-top: -75%; padding-left: 15.84px; } .block-news-title-top.block_66 .block-content .block-image, .block-news-title-top.block_50 .block-content .block-image { width: 50%; padding-bottom: 37.5%; margin: 0; } } .news-details { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } .news-details .container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; max-width: 1152px; padding: 0; margin: 0; } .news-details .news-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .news-details .news-date { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 16px; } .news-details .news-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .news-details .news-text &gt; figure { float: right; width: 100%; padding: 0; margin-bottom: 16px; } .news-details .news-text &gt; figure img { max-width: 100%; } .news-details .news-text p a, .news-details .news-text ul a, .news-details .news-text ol a, .news-details .news-text td a { text-decoration: underline; color: #3d3e3d; } .news-details .news-text p a:hover, .news-details .news-text ul a:hover, .news-details .news-text ol a:hover, .news-details .news-text td a:hover { text-decoration: underline; color: #7caa7b; } .news-details .news-tags { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; max-width: 1152px; margin-bottom: 24px; overflow: hidden; } .news-details .news-tags .tags-title { margin-bottom: 8px; line-height: 20px; font-weight: 600; font-size: 14px; } .news-details .news-tags .tags-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-wrap: nowrap; position: relative; left: 0; margin: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-details .news-tags .tags-box a { display: block; margin-right: 12px; line-height: 20px; padding: 12px 16px; white-space: nowrap; color: #3d3e3d; background: #f0f0f0; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-details .news-tags .tags-box a:hover { color: #ffffff; background: #7caa7b; } .news-details .news-tags .news-tags-slider { position: absolute; top: 0; right: 12px; z-index: 5; height: 14px; width: 44px; margin: 0; } .news-details .news-tags .news-tags-slider .news-tags-slider-prev, .news-details .news-tags .news-tags-slider .news-tags-slider-next { position: absolute; top: 0; z-index: 5; width: 18px; height: 14px; cursor: pointer; background: none 50% 50% no-repeat; background-size: 18px 14px; } .news-details .news-tags .news-tags-slider .news-tags-slider-prev { left: 0; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } .news-details .news-tags .news-tags-slider .news-tags-slider-next { right: 0; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg); } .news-details + .linked_categories { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .news-details + .linked_categories h2 { padding: 0 12px; } .news-details + .linked_categories .webshop_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .news-details + .linked_categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } .news-details + .linked_categories .webshop_products .product &gt; .wrap { display: block; width: 100%; height: 100% !important; max-height: 100%; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .news-details + .linked_categories .webshop_products .product &gt; .wrap &gt; a { position: relative; display: block; width: 100% !important; height: 100% !important; padding: 0; background: #4a7141; } .news-details + .linked_categories .webshop_products .product &gt; .wrap &gt; a:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; background: #1d1b28; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-details + .linked_categories .webshop_products .product &gt; .wrap &gt; a:hover:before { opacity: 0.4; } .news-details + .linked_categories .webshop_products .product .picture { display: block; width: 100%; padding: 0 0 100% 0; margin-top: 0; background: none center no-repeat; background-size: cover; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .news-details + .linked_categories .webshop_products .product .picture img { display: none; } .news-details + .linked_categories .webshop_products .product .title { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 8px; line-height: 18px; text-align: center; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; background: #7caa7b; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; } @media (min-width: 768px) { .news-details + .linked_categories .webshop_products .product &gt; .wrap { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .news-details + .linked_categories .webshop_products .product .title { padding: 8px 24px; font-size: 16px; line-height: 20px; -webkit-border-radius: 40px 0 0 0; -moz-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0; } } @media (min-width: 992px) { .news-details + .linked_categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 768px) { .news-details .news-text &gt; figure { width: auto; padding-left: 16px; } } #extra-news-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; position: relative; margin: 0; width: 100%; } #extra-news-items &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; overflow: hidden; } #extra-news-items #extra-news-items-title { padding: 0 12px; } #extra-news-items #extra-news-items-tags { width: 100%; margin-bottom: 24px; padding: 0 12px; } #extra-news-items #extra-news-items-tags ul { margin-bottom: 8px; } #extra-news-items #extra-news-items-tags ul li { padding-left: 0; line-height: 18px; } #extra-news-items #extra-news-items-tags ul li:before { display: none; } #extra-news-items #extra-news-items-tags ul li + li { margin-top: 6px; display: none; } #extra-news-items #extra-news-items-tags ul.show li + li { display: block; } #extra-news-items #extra-news-items-tags a { background: url(/website/default-v2/images/icons/general/arrow-button-green.svg) 100% 50% no-repeat; background-size: auto 9px; padding-right: 11px; font-size: 13px; font-weight: 600; display: inline-block; } #extra-news-items #extra-news-items-tags #show-more-tag-links { display: block; padding-left: 16px; cursor: pointer; background: url(/website/default-v2/images/icons/general/plus-black.svg) 0 50% no-repeat; background-size: 12px 12px; } #extra-news-items #extra-news-items-tags #show-more-tag-links.active { background-image: url(/website/default-v2/images/icons/general/minus-black.svg); } #extra-news-items #extra-news-items-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; flex-wrap: nowrap; position: relative; left: 0; margin: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } #extra-news-items #extra-news-items-content .extra-news-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #extra-news-items #extra-news-items-content .extra-news-item &gt; .wrap { position: relative; width: 100%; height: 100%; padding: 100% 0 0 0; } #extra-news-items #extra-news-items-content .extra-news-item &gt; .wrap &gt; .in { height: 100%; } #extra-news-items #extra-news-items-content .extra-news-item .news-title { margin-top: 18px; } #extra-news-items #extra-news-items-content .extra-news-item .news-title h2 { font-size: 17px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #extra-news-items #extra-news-items-content .extra-news-item .news-text &gt; * { display: none; } #extra-news-items #extra-news-items-content .extra-news-item .news-text figure { display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 0; overflow: hidden; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } #extra-news-items #extra-news-items-content .extra-news-item .news-text figure a { display: block; width: 100%; padding: 0 0 100% 0; background: rgba(29, 27, 40, 0); -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } #extra-news-items #extra-news-items-content .extra-news-item .news-text figure a:hover { background: rgba(29, 27, 40, 0.4); } #extra-news-items #extra-news-items-content .extra-news-item .news-text figure img { display: none; } #extra-news-items #extra-news-items-content .extra-news-item .news-text p:first-of-type { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } #extra-news-items #extra-news-items-content .extra-news-item .news-text .more { display: none; } #extra-news-items #extra-news-items-content .extra-news-item .news-text .read-more { display: block; position: absolute; top: -50px; right: 0; z-index: 10; margin: 100% 0 0 0; padding: 0 15px; line-height: 50px; color: #f5f5f5; background: #1d1b28; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } #extra-news-items #extra-news-items-content .extra-news-item .news-tag { position: absolute; top: 10px; left: 10px; z-index: 10; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } #extra-news-items #extra-news-items-content .extra-news-item .news-tags { position: absolute; top: 10px; left: 10px; z-index: 10; } #extra-news-items #extra-news-items-content .extra-news-item .news-tags .tags-title { display: none; } #extra-news-items #extra-news-items-content .extra-news-item .news-tags .tags-box { position: relative; padding-right: 40px; } #extra-news-items #extra-news-items-content .extra-news-item .news-tags .tags-box a { display: block; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } #extra-news-items #extra-news-items-content .extra-news-item .news-tags .tags-box a:nth-child(1n+2) { visibility: hidden; } #extra-news-items #extra-news-items-content .extra-news-item .news-tags .tags-box .show-tags { position: absolute; top: 0; right: 0; z-index: 5; width: 34px; height: 34px; cursor: pointer; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat #ef8a17; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } #extra-news-items #extra-news-items-content .extra-news-item .news-tags .tags-box.show a:nth-child(1n+2) { visibility: visible; } #extra-news-items #extra-news-items-content .extra-news-item .news-source { display: none; } @media (min-width: 768px) { #extra-news-items #extra-news-items-content .extra-news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #extra-news-items #extra-news-items-content .extra-news-item &gt; .wrap { padding-top: 75%; } #extra-news-items #extra-news-items-content .extra-news-item .news-title h2 { font-size: 21px; line-height: 25px; } #extra-news-items #extra-news-items-content .extra-news-item .news-text figure a { padding-bottom: 75%; } #extra-news-items #extra-news-items-content .extra-news-item .news-text .read-more { margin-top: 75%; } } #extra-news-items .custom-slider-nav { right: 24px; } @media (min-width: 1200px) { #extra-news-items &gt; .in { padding: 0; } } .activities #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .activities-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; max-width: 1152px; } .activities-overview &gt; h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .activities-overview &gt; p { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .activities-overview .top_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .activities-overview .activity-box { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .activities-overview .activity { position: relative; padding-top: 100%; overflow: hidden; } .activities-overview .activity-title { margin-top: 12px; } .activities-overview .activity-title h2 { font-size: 17px; line-height: 24px; } .activities-overview .activity-image { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; overflow: hidden; background: none center no-repeat; background-size: cover; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } .activities-overview .activity-image a { position: relative; display: block; width: 100%; padding-bottom: 100%; } .activities-overview .activity-image a:before { content: ""; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; background: rgba(29, 27, 40, 0.4); -webkit-transition: 0.5s all; transition: 0.5s all; } .activities-overview .activity-image a:hover:before { opacity: 1; } .activities-overview .activity-image img { display: none; } .activities-overview .activity-text .read-more { position: absolute; top: -50px; right: 0; z-index: 10; margin: 100% 0 0 0; padding: 0 15px; line-height: 50px; color: #f5f5f5; background: #1d1b28; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } .activities-overview .activity-dates { position: absolute; top: 10px; left: 10px; z-index: 10; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .activities-overview .activity-dates span { display: block; width: 100%; margin-top: 4px; } .activities-overview .activity-dates a { display: block; margin-top: 4px; color: #ffffff; } .activities-overview .activity-dates .show-data { position: absolute; top: 0; right: -40px; z-index: 5; width: 34px; height: 34px; cursor: pointer; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat #ef8a17; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .activities-overview .activity-dates &gt; div * { display: none; } .activities-overview .activity-dates.show &gt; div * { display: block; } .activities-overview .activity-source { margin-top: 8px; } .activities-overview .activity-locations { margin-top: 8px; } @media (min-width: 768px) { .activities-overview .activity-box { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .activities-overview .activity { padding-top: 75%; } .activities-overview .activity-title h2 { font-size: 21px; line-height: 25px; } .activities-overview .activity-image a { padding-bottom: 75%; } .activities-overview .activity-text .read-more { margin-top: 75%; } } @media (min-width: 992px) { .activities-overview .activity-box { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } .activity-details { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .activity-details .activity-text { text-align: justify; } .activity-details .activity-text figure { width: 100%; padding: 0; margin-bottom: 12px; } .activity-details .activity-text figure img { width: 100%; } .activity-details .activity-dates { margin-top: 12px; } .activity-details .activity-dates .past { text-decoration: line-through; } .activity-details .activity-dates .current { font-weight: 600; } .activity-details .activity-source { margin-top: 12px; } .activity-details .activity-locations { margin-top: 12px; } @media (min-width: 768px) { .activity-details .activity-text { column-count: 2; column-gap: 24px; } } @media (min-width: 992px) { .activity-details .activity-text { column-count: 3; } } .photo_album #content .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; } .photo_album #content .in .album-overview { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .album-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .album-overview &gt; h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .album-overview &gt; .album-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; text-align: justify; } .album-overview .photo-album { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; padding: 0; } .album-overview .photo-album ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; list-style: none; } .album-overview .photo-album ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } .album-overview .photo-album ul li:before { display: none; } .album-overview .photo-album ul li &gt; .wrap &gt; .in &gt; a { position: relative; display: block; width: 100%; color: #3d3e3d; overflow: hidden; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .album-overview .photo-album ul li &gt; .wrap &gt; .in &gt; a:hover { text-decoration: none; } .album-overview .photo-album ul li &gt; .wrap &gt; .in &gt; a:hover .album-thumb:before { opacity: 1; } .album-overview .photo-album ul li .album-thumb { position: relative; display: block; width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; } .album-overview .photo-album ul li .album-thumb:before { content: ""; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(29, 27, 40, 0.4); opacity: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .album-overview .photo-album ul li .album-thumb img { display: none; } .album-overview .photo-album ul li .album-text { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; } .album-overview .photo-album ul li .album-text * { display: none; } .album-overview .photo-album ul li .album-text h2:first-child { display: block; width: 100%; margin: 0; padding: 5px 10px; line-height: 20px; text-align: center; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; background: #7caa7b; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; } @media (min-width: 768px) { .album-overview .photo-album ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .album-overview .photo-album ul li &gt; .wrap &gt; .in &gt; a { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .album-overview .photo-album ul li .album-text h2:first-child { padding: 15px; font-size: 16px; -webkit-border-radius: 40px 0 0 0; -moz-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0; } } @media (min-width: 992px) { .album-overview .photo-album ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } #photo-album-grid { width: calc(100% - 32px); max-width: 1140px; margin-bottom: 24px; } #photo-album-grid .photo-album-item { overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #photo-album-grid .photo-album-item &gt; a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } #photo-album-grid .photo-album-item .caption { padding: 12px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); background: rgba(29, 27, 40, 0.4); opacity: 1 !important; } #photo-album-grid .photo-album-item .caption h4, #photo-album-grid .photo-album-item .caption p { width: 100%; max-height: 32px; overflow: hidden; margin: 0; line-height: 16px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 12px; } #photo-album-grid .photo-album-item .caption h4 a:hover, #photo-album-grid .photo-album-item .caption p a:hover, #photo-album-grid .photo-album-item .caption h4 a:focus, #photo-album-grid .photo-album-item .caption p a:focus { color: #d9d9d9; } #photo-album-grid .photo-album-item .gallery-share { position: absolute; top: 0; width: 100%; padding: 8px; opacity: 1; transition: opacity 1s; } #photo-album-grid .photo-album-item .gallery-share .gallery-share-link { display: inline-block; vertical-align: top; } #photo-album-grid .photo-album-item .gallery-share .gallery-share-link a { background-color: rgba(255, 255, 255, 0.8); width: 30px; height: 30px; margin: 2px; border-radius: 15px; text-align: center; line-height: 30px; color: #1d1b28; display: block; } #photo-album-grid .photo-album-item .gallery-share .gallery-share-social { display: inline-block; vertical-align: top; } #photo-album-grid .photo-album-item .gallery-share .gallery-share-social .addthis_toolbox a { background-color: rgba(255, 255, 255, 0.8); width: 30px; height: 30px; margin: 2px; padding: 7px 0; border-radius: 15px; text-align: center; } @media (min-width: 768px) { #photo-album-grid .photo-album-item .gallery-share { opacity: 0; } #photo-album-grid .photo-album-item:hover .gallery-share { opacity: 1; } } .location #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .gardencentre-location { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .gardencentre-location &gt; h1 { display: none; } .gardencentre-location .location-info { display: none; } .gardencentre-location .location-details { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .gardencentre-location .location-details &gt; .wrap &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; } .gardencentre-location .location-details .box { margin-bottom: 31.999992px; } .gardencentre-location .location-details .box.vacancy_list { display: none; } .gardencentre-location .location-details .box.openinghours { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .gardencentre-location .location-details .box.openinghours .block-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; font-family: "Roboto Slab", serif; font-weight: 700; line-height: 1.1; color: #1d1b28; margin-top: 20px; margin-bottom: 10px; font-size: 24px; margin-top: 16px; margin-bottom: 16px; font-size: 19px; } .gardencentre-location .location-details .box.openinghours .block-title small, .gardencentre-location .location-details .box.openinghours .block-title .small { font-weight: 400; line-height: 1; color: #777777; } .gardencentre-location .location-details .box.openinghours .block-title small, .gardencentre-location .location-details .box.openinghours .block-title .small { font-size: 65%; } .gardencentre-location .location-details .box.openinghours .block-title:first-child { margin-top: 0; } .gardencentre-location .location-details .box.openinghours .block-title a { color: inherit; text-decoration: none; } @media (min-width: 768px) { .gardencentre-location .location-details .box.openinghours .block-title { font-size: 21px; } } @media (min-width: 992px) { .gardencentre-location .location-details .box.openinghours .block-title { font-size: 24px; } } .gardencentre-location .location-details .box.openinghours ul { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; list-style: none; } .gardencentre-location .location-details .box.openinghours ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; line-height: 18px; padding-left: 0; } .gardencentre-location .location-details .box.openinghours ul li:before { display: none; } .gardencentre-location .location-details .box.openinghours ul li .date, .gardencentre-location .location-details .box.openinghours ul li .day { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .gardencentre-location .location-details .box.openinghours ul li .time { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: left; } .gardencentre-location .location-details .box.openinghours ul li .title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 6px; font-weight: 600; } .gardencentre-location .location-details .box.openinghours ul li + li { margin-top: 8px; } .gardencentre-location .location-details .box.openinghours ul + .block-title { margin-top: 16px; } .gardencentre-location .location-details .box.openinghours .extra_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 16px; } .gardencentre-location .location-details .box.openinghours .extra_text + .block-title { margin-top: 16px; } .gardencentre-location .location-details .box.openinghours .location-openinghours-left { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .gardencentre-location .location-details .box.openinghours .location-openinghours-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .gardencentre-location .location-details .box.openinghours .location-openinghours-right .block-title { margin-top: 16px; } .gardencentre-location .route-info { display: none; } @media (min-width: 768px) { } @media (min-width: 992px) { .gardencentre-location .location-details .box.openinghours { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .gardencentre-location .location-details .box.openinghours .location-openinghours-left { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; } .gardencentre-location .location-details .box.openinghours .location-openinghours-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; } .gardencentre-location .location-details .box.openinghours .location-openinghours-right .block-title { margin-top: 0; } } .brochures-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .brochures-overview &gt; h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .brochures-overview .brochure-gallery { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .brochures-overview .brochure-gallery &gt; p { margin-bottom: 24px; } .brochures-overview .brochure-gallery ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0; list-style: none; } .brochures-overview .brochure-gallery ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } .brochures-overview .brochure-gallery ul li:before { display: none; } .brochures-overview .brochure-gallery ul li &gt; .wrap &gt; .in &gt; a { position: relative; display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; padding-bottom: 50px; color: #3d3e3d; } .brochures-overview .brochure-gallery ul li &gt; .wrap &gt; .in &gt; a:after { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; content: "Bekijk folder"; margin-top: auto; position: absolute; left: 0; bottom: 0; z-index: 5; } .brochures-overview .brochure-gallery ul li &gt; .wrap &gt; .in &gt; a:after:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .brochures-overview .brochure-gallery ul li &gt; .wrap &gt; .in &gt; a:after:hover { color: #fff; background: #3d3e3d; } .brochures-overview .brochure-gallery .brochure-thumb { display: block; width: 100%; padding: 0; overflow: hidden; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } .brochures-overview .brochure-gallery .brochure-thumb img { width: 100%; } .brochures-overview .brochure-gallery .brochure-text { display: block; width: 100%; margin: 18px 0 0 0; } .brochures-overview .brochure-gallery .brochure-text h2 { width: 100%; margin-bottom: 16px; font-size: 17px; line-height: 24px; } .brochures-overview .brochure-gallery .brochure-text p { width: 100%; margin-bottom: 16px; font-size: 14px; line-height: 18px; } @media (min-width: 768px) { .brochures-overview .brochure-gallery ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .brochures-overview .brochure-gallery .brochure-text h2 { font-size: 21px; } } @media (min-width: 992px) { .brochures-overview .brochure-gallery ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } #brochure_container_pdf .zoom-icon { right: 12px; bottom: 12px; width: 32px; height: 32px; background: #1d1b28; -webkit-border-radius: 12px 0 12px 0; -moz-border-radius: 12px 0 12px 0; border-radius: 12px 0 12px 0; } #brochure_container_pdf .zoom-icon:before { content: "\f00e"; font-family: "fontAwesome"; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; line-height: 32px; text-align: center; font-size: 16px; color: #fff; } #brochure_container_pdf .zoom-icon.zoom-icon-out:before { content: "\f010"; } #brochure_container_pdf .magazine-viewport .page img { padding: 0; } #brochure_container_pdf .magazine-viewport .next-button { top: 50%; right: 0; width: 32px; height: 32px !important; margin-top: -7px; cursor: pointer; background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) center no-repeat #ffffff !important; background-size: 18px 14px; -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px; } #brochure_container_pdf .magazine-viewport .previous-button { top: 50%; left: 0; width: 32px; height: 32px !important; margin-top: -7px; cursor: pointer; background: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg) center no-repeat #ffffff !important; background-size: 18px 14px; -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; } #brochure_container_pdf #brochure-toolbar #brochure-date { position: fixed; top: 0; left: 0; z-index: 100; max-width: 85%; padding: 10px 15px; line-height: 15px; font-size: 10px; color: #fff; background: #1d1b28; -webkit-border-radius: 0 0 20px 0; -moz-border-radius: 0 0 20px 0; border-radius: 0 0 20px 0; } #brochure_container_pdf #brochure-toolbar select { position: fixed; left: 12px; bottom: 12px; z-index: 100; width: auto; } #brochure_container_pdf #brochure-close { position: fixed; top: 12px; right: 12px; z-index: 100; width: 32px; height: 32px; background: #1d1b28; -webkit-border-radius: 12px 0 12px 0; -moz-border-radius: 12px 0 12px 0; border-radius: 12px 0 12px 0; } #brochure_container_pdf #brochure-close a { display: block; width: 100%; height: 100%; background: url(/website/default-v2/images/icons/general/cross-white.svg) center no-repeat !important; background-size: 12px 12px; } #brochure_container_pdf #brochure-close a i { display: none; } @media (min-width: 768px) { #brochure_container_pdf .magazine-viewport .page img { padding: 0; } #brochure_container_pdf #brochure-toolbar #brochure-date { max-width: 75%; line-height: 20px; font-size: 12px; } } @media (min-width: 992px) { #brochure_container_pdf .magazine-viewport .next-button { right: -48px; } #brochure_container_pdf .magazine-viewport .previous-button { left: -48px; } #brochure_container_pdf #brochure-toolbar #brochure-date { padding: 15px 25px; } #brochure_container_pdf #brochure-close { width: auto; } #brochure_container_pdf #brochure-close a { line-height: 32px; padding-left: 36px; padding-right: 12px; color: #fff; background-position: 12px 50% !important; } #brochure_container_pdf #brochure-close a i { display: none; } #brochure_container_pdf #brochure-close a:before { content: "Sluit folder"; display: block; } } .mfp-wrap .mfp-close { display: none; } .garden-tips #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .tips-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; max-width: 1152px; margin: 0 0 24px 0; } .tips-overview &gt; h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } .tips-overview .tips-list { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .tips-overview .tips-list ul { padding: 0; margin: 0; list-style: none; } .tips-overview .tips-list ul li { margin-top: 12px; padding-left: 0; } .tips-overview .tips-list ul li:before { display: none; } @media (min-width: 768px) { .tips-overview .tips-list { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 8px; } .tips-overview .tips-list ul li { margin: 0; } .tips-overview .tips-list ul li + li { margin-top: 6px; } } @media (min-width: 1200px) { .tips-overview .tips-list ul { column-count: 2; column-gap: 24px; } } .tip-details { width: 100%; max-width: 1152px; } .tip-details .tip-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .tip-details .tip-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: justify; margin-bottom: 24px; } .tip-details .tip-text figure { width: 100%; padding: 0; margin-bottom: 12px; } .tip-details .tip-text figure img { width: 100%; } .tip-details .share-tip { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .tip-details .share-tip &gt; .wrap { padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } .tip-details .share-tip .form .grid-6-12, .tip-details .share-tip .form .grid-12-12 { width: 100%; max-width: 100%; padding: 0; margin-bottom: 8px; } .tip-details .share-tip .form #submit { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; margin-top: 8px; } .tip-details .share-tip .form #submit:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .tip-details .share-tip .form #submit:hover { color: #fff; background: #3d3e3d; } @media (min-width: 768px) { .tip-details .tip-text { column-count: 2; column-gap: 24px; } } @media (min-width: 992px) { .tip-details { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .tip-details .tip-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .tip-details .share-tip { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } .vacancy #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .vacancy-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; } .vacancy-overview &gt; h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .vacancy-overview .vacancy-list { width: 100%; max-width: 1152px; } .vacancy-overview .vacancy-list ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; margin: 0; padding: 0; list-style: none; } .vacancy-overview .vacancy-list ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .vacancy-overview .vacancy-list ul li:before { display: none; } .vacancy-overview .vacancy-list ul li a { display: block; width: 100%; height: 100%; padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } .vacancy-overview .vacancy-list ul li a:hover { -webkit-box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); } .vacancy-overview .vacancy-list .vacancy-title { font-family: "Roboto Slab", serif; font-size: 17px; font-weight: 700; line-height: 24px; color: #3d3e3d; } .vacancy-overview .vacancy-list .vacancy-location { display: none; } @media (min-width: 768px) { .vacancy-overview .vacancy-list ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .vacancy-overview .vacancy-list .vacancy-title { font-size: 21px; line-height: 25px; } } .vacancy-details { width: 100%; max-width: 1152px; } .vacancy-details .vacancy-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .vacancy-details .vacancy-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: justify; margin-bottom: 36px; } .vacancy-details .vacancy-text figure { width: 100%; padding: 0; margin-bottom: 12px; } .vacancy-details .vacancy-text figure img { width: 100%; } .vacancy-details .apply-for-vacancy { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 36px; } .vacancy-details .apply-for-vacancy &gt; .wrap { padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } .vacancy-details .apply-for-vacancy .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .vacancy-details .apply-for-vacancy .form .grid-6-12, .vacancy-details .apply-for-vacancy .form .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 8px; } .vacancy-details .apply-for-vacancy .form .grid-6-12 label, .vacancy-details .apply-for-vacancy .form .grid-12-12 label { margin-bottom: 6px; } .vacancy-details .apply-for-vacancy .form .grid-6-12 input, .vacancy-details .apply-for-vacancy .form .grid-12-12 input, .vacancy-details .apply-for-vacancy .form .grid-6-12 textarea, .vacancy-details .apply-for-vacancy .form .grid-12-12 textarea { height: auto; min-height: 50px; padding: 14px 19px; } .vacancy-details .apply-for-vacancy .form #submit { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; margin-top: 8px; } .vacancy-details .apply-for-vacancy .form #submit:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .vacancy-details .apply-for-vacancy .form #submit:hover { color: #fff; background: #3d3e3d; } @media (min-width: 768px) { .vacancy-details .apply-for-vacancy .form .grid-12-12 #submit { max-width: 314px; } } @media (min-width: 992px) { .vacancy-details .apply-for-vacancy .form .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } body.plantguide-extra #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } body.plantguide-extra .placeholder-left { display: none; } @media (min-width: 992px) { body.plantguide-extra .column_wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } body.plantguide-extra .column_wrapper &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: row-reverse !important; margin: 0; width: 100%; max-width: 1152px; } body.plantguide-extra .main_column { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } body.plantguide-extra .placeholder-left { display: block; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } #plantguide-extra-nav { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } #plantguide-extra-nav ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding: 0; list-style: none; overflow: hidden; background: #ffffff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } #plantguide-extra-nav ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } #plantguide-extra-nav ul li:before { display: none; } #plantguide-extra-nav ul li a { display: block; padding: 8px 12px; line-height: 20px; color: #3d3e3d; background: #ffffff; -webkit-transition: 0.5s all; transition: 0.5s all; } #plantguide-extra-nav ul li:hover a, #plantguide-extra-nav ul li.active a { background: #4a7141; color: #ffffff; } @media (min-width: 768px) { #plantguide-extra-nav ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0; } #plantguide-extra-nav ul li a { padding: 16px 12px; } } .plantguide-extra-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; max-width: 1152px; padding: 0; } .plantguide-extra-overview h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .plantguide-extra-overview #plantguide-extra-top { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-extra-topbar { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .plantguide-extra-overview #plantguide-extra-add-plant { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-extra-add-plant a { display: inline-block; font-weight: 600; line-height: 18px; padding-left: 20px; background: url(/website/default-v2/images/icons/general/plus-green.svg) 0 50% no-repeat; background-size: 12px 12px; } .plantguide-extra-overview #plantguide-extra-remove-plant { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-extra-remove-plant a { display: inline-block; font-weight: 600; line-height: 18px; padding-left: 20px; background: url(/website/default-v2/images/icons/general/minus-green.svg) 0 50% no-repeat; background-size: 12px 12px; } .plantguide-extra-overview #plantguide-extra-print-list { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-extra-print-list a { display: inline-block; font-weight: 600; line-height: 18px; } .plantguide-extra-overview #plant-of-the-week { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plant-of-the-week-content { position: relative; overflow: hidden; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .plantguide-extra-overview #plant-of-the-week-content .plant-ot-week-text { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; overflow: hidden; background: #7caa7b; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; } .plantguide-extra-overview #plant-of-the-week-content .plant-ot-week-text .plant-ot-week-name { display: block; width: 100%; padding: 5px; line-height: 20px; text-align: center; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; } .plantguide-extra-overview #plant-of-the-week-content .plant-ot-week-image { display: block; width: 100%; } .plantguide-extra-overview #plant-of-the-week-content .plant-ot-week-image .plant-ot-week-image-in { display: block; width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; } .plantguide-extra-overview #plant-of-the-week-content .plant-ot-week-image img { display: none; } .plantguide-extra-overview #plant-filter-responsive { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px; } .plantguide-extra-overview #plant-filter-responsive #open-plant-filter { margin-bottom: 12px; } .plantguide-extra-overview #plant-filter-responsive #open-plant-filter a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; padding: 10px 15px; min-height: 40px; } .plantguide-extra-overview #plant-filter-responsive #open-plant-filter a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .plantguide-extra-overview #plant-filter-responsive #open-plant-filter a:hover { color: #fff; background: #3d3e3d; } .plantguide-extra-overview #plant-filter-responsive #open-plant-filter a:after { display: none; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content { display: none; margin-bottom: 12px; overflow: hidden; background: #ffffff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; width: 100%; margin: 0; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .plant-filter-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 16px !important; border-bottom: 1px solid #f0f0f0; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .plant-filter-block .plant-filter-block-title h3 { font-size: 14px; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .plant-filter-block .scroll-content ul { margin: 0; padding: 0; list-style: none; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .plant-filter-block .erase-selection { display: block; margin-top: 8px; font-size: 12px; color: rgba(61, 62, 61, 0.7); } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .plant-filter-block .erase-selection:hover { color: #3d3e3d; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .form-button { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: calc(100% - 32px); margin: 16px; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .form-button:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .form-button:hover { color: #fff; background: #3d3e3d; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .form-button:after { display: none; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content.active { display: block; } .plantguide-extra-overview #plantguide-extra-images { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-extra-images .slider-wrapper { position: relative; padding: 0 0 100% 0; overflow: hidden; } .plantguide-extra-overview #plantguide-extra-images .slider-wrapper .nivoSlider { position: absolute; left: 0; bottom: 0; z-index: 5; } .plantguide-extra-overview #plantguide-style-image { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-style-image a { display: block; width: 100%; } .plantguide-extra-overview #plantguide-style-image a img { width: 100%; } .plantguide-extra-overview #plantguide-extra-description, .plantguide-extra-overview #plantguide-style-description { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-extra-main-info { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .plantguide-extra-overview #plantguide-extra-main-info ul { margin: 0; padding: 0; list-style: none; overflow: hidden; background: #ffffff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .plantguide-extra-overview #plantguide-extra-main-info ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; margin: 0; padding-left: 0; } .plantguide-extra-overview #plantguide-extra-main-info ul li:before { content: ''; } .plantguide-extra-overview #plantguide-extra-main-info ul li .info-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 12px !important; border-bottom: 1px solid #f0f0f0; } .plantguide-extra-overview #plantguide-extra-main-info ul li .info-item .attribute { display: block; font-weight: 600; line-height: 18px; } .plantguide-extra-overview #plantguide-extra-main-info ul li .info-item .property { display: block; line-height: 18px; } .plantguide-extra-overview #plantguide-extra-main-info ul li .info-item .property .color-box { display: inline-block; margin: 2px 6px -2px 0; width: 16px; height: 16px; } .plantguide-extra-overview #plantguide-extra-main-info ul li .info-item .property .color-box i { display: none; } .plantguide-extra-overview #related-plants { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .plantguide-extra-overview #related-plants h2 { padding: 0 12px; } .plantguide-extra-overview #alphabet { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: space-between !important; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 24px 0; } .plantguide-extra-overview #alphabet a { color: rgba(61, 62, 61, 0.5); } .plantguide-extra-overview #alphabet a:hover { font-weight: 600; color: #7caa7b; } .plantguide-extra-overview #alphabet a.active { font-weight: 600; color: #7caa7b; } .plantguide-extra-overview #plant-search-results { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .plantguide-extra-overview #plant-search-results ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; padding: 0; list-style: none; } .plantguide-extra-overview #plant-search-results ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } .plantguide-extra-overview #plant-search-results ul li a { display: block; position: relative; height: 100%; overflow: hidden; background: #fff; transform: scale(1); -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } .plantguide-extra-overview #plant-search-results ul li a:hover { transform: scale(1.05); -webkit-box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); } .plantguide-extra-overview #plant-search-results .plant-image, .plantguide-extra-overview #plant-search-results .style-image { display: block; width: 100%; } .plantguide-extra-overview #plant-search-results .plant-image .plant-image-in, .plantguide-extra-overview #plant-search-results .style-image .plant-image-in, .plantguide-extra-overview #plant-search-results .plant-image .style-image-in, .plantguide-extra-overview #plant-search-results .style-image .style-image-in { display: block; width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .plantguide-extra-overview #plant-search-results .plant-image img, .plantguide-extra-overview #plant-search-results .style-image img { display: none; } .plantguide-extra-overview #plant-search-results .plant-text, .plantguide-extra-overview #plant-search-results .style-text { display: block; width: 100%; margin-top: 8px; padding: 0 16px 16px 16px; color: #3d3e3d; } .plantguide-extra-overview #plant-search-results .plant-text span, .plantguide-extra-overview #plant-search-results .style-text span { display: block; width: 100%; margin-top: 8px; } .plantguide-extra-overview #plant-search-results .plant-text .plant-name, .plantguide-extra-overview #plant-search-results .style-text .plant-name { font-weight: 700; } .plantguide-extra-overview #plant-search-results .plant-text .plant-productgroup, .plantguide-extra-overview #plant-search-results .style-text .plant-productgroup { position: absolute; top: 10px; left: 10px; z-index: 10; width: auto; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } @media (min-width: 768px) { .plantguide-extra-overview.with_plant_ot_week #plantguide-extra-top { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .plantguide-extra-overview.with_plant_ot_week #plant-of-the-week { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .plantguide-extra-overview #plant-of-the-week-content { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .plantguide-extra-overview #plant-of-the-week-content .plant-ot-week-text .plant-ot-week-name { padding: 15px; font-size: 16px; -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .plantguide-extra-overview #plant-filter-responsive #plant-filter-responsive-content .plant-filter-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .plantguide-extra-overview #plantguide-extra-images, .plantguide-extra-overview #plantguide-style-image { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .plantguide-extra-overview #plantguide-extra-description, .plantguide-extra-overview #plantguide-style-description { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .plantguide-extra-overview #plantguide-extra-main-info ul li .info-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .plantguide-extra-overview #plantguide-extra-main-info ul li .info-item ~ .info-item { border-left: 1px solid #f0f0f0; } .plantguide-extra-overview #plant-search-results ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (min-width: 992px) { .plantguide-extra-overview #plant-filter-responsive { display: none; } .plantguide-extra-overview #plant-search-results ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .block_type_plantguide_extra_filter { padding: 0 !important; } .block_type_plantguide_extra_filter #plant-filter { padding: 36px; background: #f0f0f0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .block_type_plantguide_extra_filter #plant-filter-title h2 { font-size: 19px; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 18px; margin-bottom: 0; padding: 0 0 18px 0; border-bottom: 1px solid #1d1b28; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-title h3 { margin-bottom: 0; font-size: 14px; line-height: 18px; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content { margin-top: 12px; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul { padding: 0; margin: 0; list-style: none; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul li { padding-left: 0; line-height: 20px; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul li:before { content: ''; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul li.limited-item { display: none; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul li label { position: relative; padding-left: 25px; line-height: 20px; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul li input[type="checkbox"], .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul li input[type="radio"] { position: absolute; top: 2px; left: 0; z-index: 5; width: 16px; height: 16px; margin: 0; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content ul li + li { margin-top: 6px; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content .custom-checkbox-button, .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content .custom-radio-button { background-color: #fff; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content select, .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content input[type="text"] { width: 100%; padding: 9px 12px; min-height: 40px; line-height: 20px; border: 1px solid rgba(29, 27, 40, 0.25); background: #fff; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content .limit-more { display: block; margin-top: 6px; padding-left: 25px; cursor: pointer; background: url(/website/default-v2/images/icons/general/plus-black.svg) 2px 50% no-repeat; } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content .limit-more.active { background-image: url(/website/default-v2/images/icons/general/minus-black.svg); } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content .erase-selection { display: block; margin-top: 8px; font-size: 12px; color: rgba(61, 62, 61, 0.7); } .block_type_plantguide_extra_filter #plant-filter-content .plant-filter-block-content .erase-selection:hover { color: #3d3e3d; } .block_type_plantguide_extra_filter #plant-filter-content .form-button { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; margin: 16px 0 0 0; } .block_type_plantguide_extra_filter #plant-filter-content .form-button:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .block_type_plantguide_extra_filter #plant-filter-content .form-button:hover { color: #fff; background: #3d3e3d; } .block_type_plantguide_extra_filter #plant-filter-content .form-button:after { display: none; } .newsletters { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center; margin: 0; } .newsletters .page-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .newsletters .page-text { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center; margin: 0; } .newsletters .page-text .notification { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .newsletters .page-text form { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .newsletters .page-text form .unsubscribe_option { float: left; width: 100%; margin-bottom: 12px; } .newsletters .page-text form .unsubscribe_option .optioninfo { padding-left: 20px; } .newsletters .page-text form .unsubscribe_option .optiontitle { position: relative; z-index: 5; padding-left: 20px; margin-left: -20px; } .newsletters .page-text form .unsubscribe_option table { float: left; width: 100%; } .newsletters .page-text form .unsubscribe_option table tr { float: left; width: 100%; margin-top: 6px; } .newsletters .page-text form .unsubscribe_option table tr td { float: left; width: 100%; } .newsletters .page-text form .unsubscribe_option table tr td label { margin-bottom: 6px; } @media (min-width: 768px) { .newsletters .page-text form .unsubscribe_option table tr td { float: left; width: 50%; } .newsletters .page-text form .unsubscribe_option table tr td.labelColumn { width: 30%; } } @media (min-width: 992px) { .newsletters .page-text form .unsubscribe_option table tr td { float: left; width: 40%; } .newsletters .page-text form .unsubscribe_option table tr td.labelColumn { width: 25%; } } body.accounts #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } article.accounts { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-start !important; align-items: stretch !important; max-width: 1152px; margin: 0; } article.accounts .formbuilder { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } article.accounts .formbuilder &gt; .wrap { height: 100%; padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } article.accounts .formbuilder #customer-type { margin-bottom: 24px; padding-right: 0; padding-left: 0; } article.accounts .formbuilder #customer-type .customer-type-selection { margin-right: 12px; display: inline-block; } article.accounts .formbuilder .form .grid-2-12, article.accounts .formbuilder .form .grid-3-12, article.accounts .formbuilder .form .grid-4-12, article.accounts .formbuilder .form .grid-6-12, article.accounts .formbuilder .form .grid-8-12, article.accounts .formbuilder .form .grid-12-12 { width: 100%; max-width: 100%; padding: 0; margin-bottom: 8px; } article.accounts .formbuilder .form .grid-2-12 label, article.accounts .formbuilder .form .grid-3-12 label, article.accounts .formbuilder .form .grid-4-12 label, article.accounts .formbuilder .form .grid-6-12 label, article.accounts .formbuilder .form .grid-8-12 label, article.accounts .formbuilder .form .grid-12-12 label { width: auto; margin-bottom: 6px; } article.accounts .formbuilder .form .grid-2-12 label.radio-inline, article.accounts .formbuilder .form .grid-3-12 label.radio-inline, article.accounts .formbuilder .form .grid-4-12 label.radio-inline, article.accounts .formbuilder .form .grid-6-12 label.radio-inline, article.accounts .formbuilder .form .grid-8-12 label.radio-inline, article.accounts .formbuilder .form .grid-12-12 label.radio-inline { width: auto; } article.accounts .formbuilder .form .grid-2-12 label.has-custom-radio, article.accounts .formbuilder .form .grid-3-12 label.has-custom-radio, article.accounts .formbuilder .form .grid-4-12 label.has-custom-radio, article.accounts .formbuilder .form .grid-6-12 label.has-custom-radio, article.accounts .formbuilder .form .grid-8-12 label.has-custom-radio, article.accounts .formbuilder .form .grid-12-12 label.has-custom-radio { margin-right: 12px; } article.accounts .formbuilder .form .grid-2-12 input, article.accounts .formbuilder .form .grid-3-12 input, article.accounts .formbuilder .form .grid-4-12 input, article.accounts .formbuilder .form .grid-6-12 input, article.accounts .formbuilder .form .grid-8-12 input, article.accounts .formbuilder .form .grid-12-12 input, article.accounts .formbuilder .form .grid-2-12 select, article.accounts .formbuilder .form .grid-3-12 select, article.accounts .formbuilder .form .grid-4-12 select, article.accounts .formbuilder .form .grid-6-12 select, article.accounts .formbuilder .form .grid-8-12 select, article.accounts .formbuilder .form .grid-12-12 select { max-width: 390px; } article.accounts .formbuilder .form .grid-2-12 input[type="text"], article.accounts .formbuilder .form .grid-3-12 input[type="text"], article.accounts .formbuilder .form .grid-4-12 input[type="text"], article.accounts .formbuilder .form .grid-6-12 input[type="text"], article.accounts .formbuilder .form .grid-8-12 input[type="text"], article.accounts .formbuilder .form .grid-12-12 input[type="text"], article.accounts .formbuilder .form .grid-2-12 input[type="email"], article.accounts .formbuilder .form .grid-3-12 input[type="email"], article.accounts .formbuilder .form .grid-4-12 input[type="email"], article.accounts .formbuilder .form .grid-6-12 input[type="email"], article.accounts .formbuilder .form .grid-8-12 input[type="email"], article.accounts .formbuilder .form .grid-12-12 input[type="email"], article.accounts .formbuilder .form .grid-2-12 input[type="password"], article.accounts .formbuilder .form .grid-3-12 input[type="password"], article.accounts .formbuilder .form .grid-4-12 input[type="password"], article.accounts .formbuilder .form .grid-6-12 input[type="password"], article.accounts .formbuilder .form .grid-8-12 input[type="password"], article.accounts .formbuilder .form .grid-12-12 input[type="password"], article.accounts .formbuilder .form .grid-2-12 input[type="number"], article.accounts .formbuilder .form .grid-3-12 input[type="number"], article.accounts .formbuilder .form .grid-4-12 input[type="number"], article.accounts .formbuilder .form .grid-6-12 input[type="number"], article.accounts .formbuilder .form .grid-8-12 input[type="number"], article.accounts .formbuilder .form .grid-12-12 input[type="number"], article.accounts .formbuilder .form .grid-2-12 select, article.accounts .formbuilder .form .grid-3-12 select, article.accounts .formbuilder .form .grid-4-12 select, article.accounts .formbuilder .form .grid-6-12 select, article.accounts .formbuilder .form .grid-8-12 select, article.accounts .formbuilder .form .grid-12-12 select { height: auto; min-height: 50px; line-height: 20px; padding: 14px 19px; } article.accounts .formbuilder .form .grid-2-12 .date_select, article.accounts .formbuilder .form .grid-3-12 .date_select, article.accounts .formbuilder .form .grid-4-12 .date_select, article.accounts .formbuilder .form .grid-6-12 .date_select, article.accounts .formbuilder .form .grid-8-12 .date_select, article.accounts .formbuilder .form .grid-12-12 .date_select { width: 30%; display: inline-block; } article.accounts .formbuilder .form .label { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; max-width: 390px; margin: 0; } article.accounts .formbuilder .form .label a { margin-left: auto; } article.accounts .formbuilder .form .submit { margin-bottom: 0; } article.accounts .formbuilder .form .submit input { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; margin-top: 8px; } article.accounts .formbuilder .form .submit input:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } article.accounts .formbuilder .form .submit input:hover { color: #fff; background: #3d3e3d; } article.accounts .formbuilder .form .forgot_password a { display: inline-block; margin-top: 8px; } article.accounts .formbuilder .form-control-static.email { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #3d3e3d; background-color: #f5f5f5; background-image: none; border: 1px solid #f5f5f5; border-radius: 12px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-box-shadow: none; box-shadow: none; max-width: 390px; height: auto; min-height: 50px; line-height: 20px; padding: 14px 19px; margin-bottom: 8px; background: rgba(139, 141, 139, 0.25); } article.accounts .formbuilder .form-control-static.email:focus { border-color: #1d1b28; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(29, 27, 40, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(29, 27, 40, 0.6); } article.accounts .formbuilder .form-control-static.email::-moz-placeholder { color: rgba(61, 62, 61, 0.4); opacity: 1; } article.accounts .formbuilder .form-control-static.email:-ms-input-placeholder { color: rgba(61, 62, 61, 0.4); } article.accounts .formbuilder .form-control-static.email::-webkit-input-placeholder { color: rgba(61, 62, 61, 0.4); } article.accounts .formbuilder .form-control-static.email::-ms-expand { background-color: transparent; border: 0; } article.accounts .formbuilder .form-control-static.email[disabled], article.accounts .formbuilder .form-control-static.email[readonly], fieldset[disabled] article.accounts .formbuilder .form-control-static.email { background-color: #eeeeee; opacity: 1; } article.accounts .formbuilder .form-control-static.email[disabled], fieldset[disabled] article.accounts .formbuilder .form-control-static.email { cursor: not-allowed; } textareaarticle.accounts .formbuilder .form-control-static.email { height: auto; } article.accounts .account-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } article.accounts .account-block &gt; .wrap { height: 100%; padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } article.accounts .account-block &gt; .wrap &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: column !important; height: 100%; margin: 0; } article.accounts .account-block ul, article.accounts .account-block p { flex-grow: 1; } article.accounts .account-block .btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; max-width: 390px; margin-top: 16px; } article.accounts .account-block .btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } article.accounts .account-block .btn:hover { color: #fff; background: #3d3e3d; } article.accounts .registerLink { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } article.accounts .registerLink &gt; .wrap { height: 100%; padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } @media (min-width: 992px) { article.accounts .formbuilder, article.accounts .account-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } article.accounts .registerLink { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .accounts_menu { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } .accounts_menu ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding: 0; list-style: none; overflow: hidden; background: #ffffff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .accounts_menu ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .accounts_menu ul li:before { display: none; } .accounts_menu ul li a { display: block; padding: 8px 12px; line-height: 20px; color: #3d3e3d; background: #ffffff; -webkit-transition: 0.5s all; transition: 0.5s all; } .accounts_menu ul li.logout a { background: #ef8a17; color: #ffffff; } .accounts_menu ul li.logout:hover a, .accounts_menu ul li.logout.active a { background: #e6bd1c; color: #ffffff; } .accounts_menu ul li:hover a, .accounts_menu ul li.active a { background: #4a7141; color: #ffffff; } @media (min-width: 768px) { .accounts_menu ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0; } .accounts_menu ul li.logout { margin-left: auto; } .accounts_menu ul li a { padding: 16px 12px; } } article.accounts .products_container { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 12px; } article.accounts .latest_products_text, article.accounts .latest_orders_text { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 16px; margin-bottom: 12px; } article.accounts #product-rows-heading { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; display: none; margin: 0 0 8px 0; } article.accounts #product-rows-heading .product-heading { line-height: 18px; font-size: 12px; } article.accounts #product-rows-heading .title-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts #product-rows-heading .brand-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts #product-rows-heading .price-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts #product-rows-heading .cart-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts .product.row { margin-bottom: 12px; overflow: hidden; background: #ffffff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } article.accounts .product.row .product_row.inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding: 16px 0; border-bottom: 1px solid #f0f0f0; background: #ffffff; -webkit-transition: 0.5s all; transition: 0.5s all; } article.accounts .product.row .product_row.inner:hover { background: rgba(74, 113, 65, 0.07); } article.accounts .product.row .product_row.inner &gt; span { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; margin: 0; } article.accounts .product.row .product_row.inner .name { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts .product.row .product_row.inner .name a { color: #3d3e3d; } article.accounts .product.row .product_row.inner .name a:hover { color: #7caa7b; } article.accounts .product.row .product_row.inner .brand { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 16px; } article.accounts .product.row .product_row.inner .price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 16px; } article.accounts .product.row .product_row.inner .amount { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } article.accounts .product.row .product_row.inner .amount .product-add-subtract-box { position: relative; padding: 0 36px; min-height: 40px; background: #f5f5f5; } article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-sub, article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-add { position: absolute; top: 50%; z-index: 5; width: 36px; height: 36px; margin-top: -18px; background: none center no-repeat; background-size: 12px 12px; cursor: pointer; } article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-sub i, article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-add i { display: none; } article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-sub { left: 0; background-image: url(/website/default-v2/images/icons/general/minus-black.svg); } article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-add { right: 0; background-image: url(/website/default-v2/images/icons/general/plus-black.svg); } article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-input { padding: 5px 0; } article.accounts .product.row .product_row.inner .amount .product-add-subtract-box .product-quantity-input input { height: auto; min-height: 30px; padding: 0; line-height: 30px; appearance: textfield; text-align: center; border: 0; } article.accounts .product.row .product_row.inner .order-button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } article.accounts .product.row .product_row.inner .order-button .direct_order { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; min-height: 40px; padding: 10px 15px; font-size: 12px; text-align: center; cursor: pointer; } article.accounts .product.row .product_row.inner .order-button .direct_order:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } article.accounts .product.row .product_row.inner .order-button .direct_order:hover { color: #fff; background: #3d3e3d; } article.accounts .product.row .product_row.inner .order-button .direct_order:after { display: none; } article.accounts .orders_container { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } article.accounts #order-rows-heading { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; display: none; margin: 0 0 8px 0; } article.accounts #order-rows-heading .order-heading { line-height: 18px; font-size: 12px; } article.accounts #order-rows-heading .date-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts #order-rows-heading .ordernumber-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts #order-rows-heading .amount-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts #order-rows-heading .status-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } article.accounts #order-rows-heading .tracktrace-heading { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } article.accounts .order.row { margin: 0 0 12px 0; overflow: hidden; background: #ffffff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } article.accounts .order.row .order_row.inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; border-bottom: 1px solid #f0f0f0; background: #ffffff; -webkit-transition: 0.5s all; transition: 0.5s all; } article.accounts .order.row .order_row.inner:hover { background: rgba(74, 113, 65, 0.07); } article.accounts .order.row .order_row.inner &gt; a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; margin: 0; padding: 16px 0; color: #3d3e3d; } article.accounts .order.row .order_row.inner &gt; a:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts .order.row .order_row.inner &gt; a:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 0; } article.accounts .order.row .order_row.inner &gt; a:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-top: 0; } article.accounts .order.row .order_row.inner &gt; a:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-top: 0; } article.accounts .order.row .order_row.inner &gt; a:nth-child(5) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 0; } article.accounts .order.row .order_row.inner &gt; a &gt; span.status { margin: 0; padding: 12px 16px; line-height: 18px; } article.accounts .order.row .order_row.inner &gt; span { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; margin: 0; padding: 16px 0; color: #3d3e3d; } article.accounts .order.row .order_row.inner &gt; span:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts .order.row .order_row.inner &gt; span:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 0; } article.accounts .order.row .order_row.inner &gt; span:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-top: 0; } article.accounts .order.row .order_row.inner &gt; span:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-top: 0; } article.accounts .order_container { margin-bottom: 24px; } article.accounts .order_container .order_title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts .order_container .order_title h1 { font-size: 19px; } @media (min-width: 768px) { article.accounts .order_container .order_title h1 { font-size: 21px; } } @media (min-width: 992px) { article.accounts .order_container .order_title h1 { font-size: 24px; } } article.accounts .order_container .order_status { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } article.accounts .order_container .order_status .order_status_label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts .order_container .order_status .order_status_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } article.accounts .order_container .order_payment { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 12px 0 0 0; } article.accounts .order_container .order_payment .order_payment_label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts .order_container .order_payment .order_payment_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } article.accounts .order_container .order_track_trace { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 12px 0 0 0; } article.accounts .order_container .order_track_trace .order_track_trace_label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts .order_container .order_track_trace .order_track_trace_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } article.accounts .order_container .order_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 24px 0 0 0; } article.accounts .order_container .order_products .invoice_link { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } article.accounts .order_container .order_products .invoice_link a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: auto; min-height: 40px; padding: 10px 15px; } article.accounts .order_container .order_products .invoice_link a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } article.accounts .order_container .order_products .invoice_link a:hover { color: #fff; background: #3d3e3d; } article.accounts .order_container .order_products .invoice_link a:after { display: none; } article.accounts .order_container .order_products .return_order_error { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 6px; } article.accounts .order_container .order_products .invoice_delivery_status { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts .order_container .order_products table { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: flex; margin-top: 24px !important; float: none !important; } article.accounts .order_container .order_products table tbody { width: 100%; overflow: hidden; background: #ffffff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } article.accounts .order_container .order_products table tbody tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; border-bottom: 1px solid #f0f0f0; } article.accounts .order_container .order_products table tbody tr:nth-child(1) { display: none; } article.accounts .order_container .order_products table tbody tr:nth-child(1) td { font-weight: 400; font-size: 12px; line-height: 18px; } article.accounts .order_container .order_products table tbody tr:nth-child(1) td:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } article.accounts .order_container .order_products table tbody tr:nth-child(1) td:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts .order_container .order_products table tbody tr:nth-child(1) td:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts .order_container .order_products table tbody tr:nth-child(1) td:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: right; } article.accounts .order_container .order_products table tbody tr:nth-child(2), article.accounts .order_container .order_products table tbody tr:nth-child(3) { display: none; } article.accounts .order_container .order_products table tbody tr td { padding: 8px 0; } article.accounts .order_container .order_products table tbody tr td:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts .order_container .order_products table tbody tr td:nth-child(1) a { display: block; width: 100%; } article.accounts .order_container .order_products table tbody tr td:nth-child(1) a img { max-width: 100%; } article.accounts .order_container .order_products table tbody tr td:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } article.accounts .order_container .order_products table tbody tr td:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: left !important; } article.accounts .order_container .order_products table tbody tr td:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: center !important; } article.accounts .order_container .order_products table tbody tr td:nth-child(5) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: right; } article.accounts .order_container .order_products .order-billing { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 24px; } article.accounts .order_container .order_products .order-billing ul { width: 100%; margin: 0; padding: 24px 12px; list-style: none; background: #f0f0f0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } article.accounts .order_container .order_products .order-billing ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 8px 0; padding: 0; } article.accounts .order_container .order_products .order-billing ul li:before { display: none; } article.accounts .order_container .order_products .order-billing ul li .billing-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } article.accounts .order_container .order_products .order-billing ul li .billing-price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: right; } article.accounts.order .order_container { width: 100%; } article.accounts.order .order_container table tbody tr td:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts.order .order_container table tbody tr td:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: left !important; } article.accounts.order .order_container table tbody tr td:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: center !important; } article.accounts.order .order_container table tbody tr td:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; text-align: right !important; } article.accounts.profile .form .grid-12-12 label { width: 100%; } article.accounts.profile #birthday_month, article.accounts.profile #birthday_day, article.accounts.profile #birthday_year { width: 32%; } article.accounts.profile #birthday_month, article.accounts.profile #birthday_year { margin-left: 2%; } article.accounts.forgot-card { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-bottom: 24px; } article.accounts.forgot-card .page-title { display: none; } article.accounts.forgot-card .form_container { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } article.accounts.forgot-card .form_container .form .grid-2-12, article.accounts.forgot-card .form_container .form .grid-3-12, article.accounts.forgot-card .form_container .form .grid-4-12, article.accounts.forgot-card .form_container .form .grid-6-12, article.accounts.forgot-card .form_container .form .grid-8-12, article.accounts.forgot-card .form_container .form .grid-12-12 { width: 100%; max-width: 100%; padding: 0; margin-bottom: 8px; } article.accounts.forgot-card .form_container .form .grid-2-12 label, article.accounts.forgot-card .form_container .form .grid-3-12 label, article.accounts.forgot-card .form_container .form .grid-4-12 label, article.accounts.forgot-card .form_container .form .grid-6-12 label, article.accounts.forgot-card .form_container .form .grid-8-12 label, article.accounts.forgot-card .form_container .form .grid-12-12 label { width: auto; margin-bottom: 6px; } article.accounts.forgot-card .form_container .form .grid-2-12 label.radio-inline, article.accounts.forgot-card .form_container .form .grid-3-12 label.radio-inline, article.accounts.forgot-card .form_container .form .grid-4-12 label.radio-inline, article.accounts.forgot-card .form_container .form .grid-6-12 label.radio-inline, article.accounts.forgot-card .form_container .form .grid-8-12 label.radio-inline, article.accounts.forgot-card .form_container .form .grid-12-12 label.radio-inline { width: auto; } article.accounts.forgot-card .form_container .form .grid-2-12 label.has-custom-radio, article.accounts.forgot-card .form_container .form .grid-3-12 label.has-custom-radio, article.accounts.forgot-card .form_container .form .grid-4-12 label.has-custom-radio, article.accounts.forgot-card .form_container .form .grid-6-12 label.has-custom-radio, article.accounts.forgot-card .form_container .form .grid-8-12 label.has-custom-radio, article.accounts.forgot-card .form_container .form .grid-12-12 label.has-custom-radio { margin-right: 12px; } article.accounts.forgot-card .form_container .form .grid-2-12 input, article.accounts.forgot-card .form_container .form .grid-3-12 input, article.accounts.forgot-card .form_container .form .grid-4-12 input, article.accounts.forgot-card .form_container .form .grid-6-12 input, article.accounts.forgot-card .form_container .form .grid-8-12 input, article.accounts.forgot-card .form_container .form .grid-12-12 input, article.accounts.forgot-card .form_container .form .grid-2-12 select, article.accounts.forgot-card .form_container .form .grid-3-12 select, article.accounts.forgot-card .form_container .form .grid-4-12 select, article.accounts.forgot-card .form_container .form .grid-6-12 select, article.accounts.forgot-card .form_container .form .grid-8-12 select, article.accounts.forgot-card .form_container .form .grid-12-12 select { max-width: 390px; } article.accounts.forgot-card .form_container .form .grid-2-12 input[type="text"], article.accounts.forgot-card .form_container .form .grid-3-12 input[type="text"], article.accounts.forgot-card .form_container .form .grid-4-12 input[type="text"], article.accounts.forgot-card .form_container .form .grid-6-12 input[type="text"], article.accounts.forgot-card .form_container .form .grid-8-12 input[type="text"], article.accounts.forgot-card .form_container .form .grid-12-12 input[type="text"], article.accounts.forgot-card .form_container .form .grid-2-12 input[type="email"], article.accounts.forgot-card .form_container .form .grid-3-12 input[type="email"], article.accounts.forgot-card .form_container .form .grid-4-12 input[type="email"], article.accounts.forgot-card .form_container .form .grid-6-12 input[type="email"], article.accounts.forgot-card .form_container .form .grid-8-12 input[type="email"], article.accounts.forgot-card .form_container .form .grid-12-12 input[type="email"], article.accounts.forgot-card .form_container .form .grid-2-12 input[type="password"], article.accounts.forgot-card .form_container .form .grid-3-12 input[type="password"], article.accounts.forgot-card .form_container .form .grid-4-12 input[type="password"], article.accounts.forgot-card .form_container .form .grid-6-12 input[type="password"], article.accounts.forgot-card .form_container .form .grid-8-12 input[type="password"], article.accounts.forgot-card .form_container .form .grid-12-12 input[type="password"], article.accounts.forgot-card .form_container .form .grid-2-12 input[type="number"], article.accounts.forgot-card .form_container .form .grid-3-12 input[type="number"], article.accounts.forgot-card .form_container .form .grid-4-12 input[type="number"], article.accounts.forgot-card .form_container .form .grid-6-12 input[type="number"], article.accounts.forgot-card .form_container .form .grid-8-12 input[type="number"], article.accounts.forgot-card .form_container .form .grid-12-12 input[type="number"], article.accounts.forgot-card .form_container .form .grid-2-12 select, article.accounts.forgot-card .form_container .form .grid-3-12 select, article.accounts.forgot-card .form_container .form .grid-4-12 select, article.accounts.forgot-card .form_container .form .grid-6-12 select, article.accounts.forgot-card .form_container .form .grid-8-12 select, article.accounts.forgot-card .form_container .form .grid-12-12 select { height: auto; min-height: 50px; line-height: 20px; padding: 14px 19px; } article.accounts.forgot-card .form_container .form .grid-2-12 .date_select, article.accounts.forgot-card .form_container .form .grid-3-12 .date_select, article.accounts.forgot-card .form_container .form .grid-4-12 .date_select, article.accounts.forgot-card .form_container .form .grid-6-12 .date_select, article.accounts.forgot-card .form_container .form .grid-8-12 .date_select, article.accounts.forgot-card .form_container .form .grid-12-12 .date_select { width: 30%; display: inline-block; } article.accounts.forgot-card .form_container .form .grid-2-12:last-child, article.accounts.forgot-card .form_container .form .grid-3-12:last-child, article.accounts.forgot-card .form_container .form .grid-4-12:last-child, article.accounts.forgot-card .form_container .form .grid-6-12:last-child, article.accounts.forgot-card .form_container .form .grid-8-12:last-child, article.accounts.forgot-card .form_container .form .grid-12-12:last-child { margin-bottom: 0; } article.accounts.forgot-card .form_container .form .label { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; max-width: 390px; margin: 0; } article.accounts.forgot-card .form_container .form .label a { margin-left: auto; } article.accounts.forgot-card .form_container .form .buttons input { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; margin-top: 8px; } article.accounts.forgot-card .form_container .form .buttons input:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } article.accounts.forgot-card .form_container .form .buttons input:hover { color: #fff; background: #3d3e3d; } @media (min-width: 768px) { article.accounts #product-rows-heading, article.accounts #order-rows-heading { display: flex; } article.accounts .product.row .product_row.inner .name { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts .product.row .product_row.inner .brand { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; margin: 0; } article.accounts .product.row .product_row.inner .price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; margin: 0; } article.accounts .product.row .product_row.inner .amount { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts .product.row .product_row.inner .order-button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts .order.row .order_row.inner &gt; a:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts .order.row .order_row.inner &gt; a:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; padding-top: 16px; } article.accounts .order.row .order_row.inner &gt; a:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; padding-top: 16px; } article.accounts .order.row .order_row.inner &gt; a:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-top: 16px; } article.accounts .order.row .order_row.inner &gt; a:nth-child(5) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-top: 16px; } article.accounts .order.row .order_row.inner &gt; span:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts .order.row .order_row.inner &gt; span:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; padding-top: 16px; } article.accounts .order.row .order_row.inner &gt; span:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; padding-top: 16px; } article.accounts .order.row .order_row.inner &gt; span:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-top: 16px; } article.accounts .order.row .order_row.inner &gt; span:nth-child(5) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-top: 16px; } article.accounts .order_container .order_products table tbody tr:nth-child(1) { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } article.accounts .order_container .order_products table tbody tr td:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } article.accounts .order_container .order_products table tbody tr td:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } article.accounts .order_container .order_products table tbody tr td:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: right !important; } article.accounts .order_container .order_products table tbody tr td:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: right !important; } article.accounts .order_container .order_products table tbody tr td:nth-child(5) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts.order .order_container table tbody tr td:nth-child(1) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } article.accounts.order .order_container table tbody tr td:nth-child(2) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: left !important; } article.accounts.order .order_container table tbody tr td:nth-child(3) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: center !important; } article.accounts.order .order_container table tbody tr td:nth-child(4) { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: right !important; } } @media (min-width: 992px) { article.accounts .order_container .order_products table { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } article.accounts .order_container .order_products .order-billing { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts.create #business-form-fields { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0; } article.accounts.create .formbuilder { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts.create .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } article.accounts.create .form .grid-2-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts.create .form .grid-4-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts.create .form .grid-4-12.clear + .grid-4-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } article.accounts.create .form .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts.create .form .grid-12-12.conditions-field { padding-left: 32px !important; } article.accounts.create .form .grid-12-12.conditions-field .custom-checkbox-button { left: 12px; } article.accounts.profile .formbuilder { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts.profile .form label { width: 100%; } article.accounts.profile .form .grid-2-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } article.accounts.profile .form .grid-3-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts.profile .form .grid-4-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts.profile .form .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } article.accounts.profile .form .grid-6-12.clear { margin-right: 100%; } article.accounts.profile .form #postcode_check_message + .grid-6-12.clear { margin-right: 0; } article.accounts.profile .form .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.accounts.profile .form .grid-12-12 label { width: 100%; } article.accounts.profile .form .change_email { padding: 0; } article.accounts.profile .form .submit { padding: 0; } article.accounts.profile .form-divider { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } article.accounts.profile #company-fields { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } article.accounts.profile #company-fields .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin: 0; } } .faq #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .faq_category-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; width: 100%; max-width: 1152px; margin: 0; } .faq_category-overview &gt; h1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .faq_category-overview .faq-category { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .faq_category-overview .faq-category &gt; .wrap { position: relative; height: 100%; padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } .faq_category-overview .faq-category &gt; .wrap:hover { -webkit-box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); } .faq_category-overview .faq-category p a, .faq_category-overview .faq-category ul a, .faq_category-overview .faq-category ol a { color: #3d3e3d !important; text-decoration: underline; } .faq_category-overview .faq-category p a:hover, .faq_category-overview .faq-category ul a:hover, .faq_category-overview .faq-category ol a:hover { color: #7caa7b !important; } .faq_category-overview .faq-title h2 { font-size: 17px; line-height: 24px; } .faq_category-overview .read-more { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; font-size: 0; text-indent: -9999px; } @media (min-width: 768px) { .faq_category-overview .faq-title h2 { font-size: 21px; line-height: 25px; } } @media (min-width: 992px) { .faq_category-overview .faq-category { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } article.faq-category { width: 100%; max-width: 1152px; margin-bottom: 24px; } article.faq-category .category-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.faq-category .category-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } article.faq-category .category-text p a, article.faq-category .category-text ul a, article.faq-category .category-text ol a { color: #3d3e3d !important; text-decoration: underline; } article.faq-category .category-text p a:hover, article.faq-category .category-text ul a:hover, article.faq-category .category-text ol a:hover { color: #7caa7b !important; } article.faq-category #questions .ui-accordion-header { margin-top: 8px; padding: 8px 48px 8px 16px; line-height: 20px; border: 0; background: #f0f0f0; -webkit-border-radius: 12px 0 12px 0; -moz-border-radius: 12px 0 12px 0; border-radius: 12px 0 12px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } article.faq-category #questions .ui-accordion-header .ui-icon { position: absolute; top: 50%; right: 12px; z-index: 5; margin-top: -6px; width: 12px; height: 12px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-black.svg) center no-repeat; background-size: 12px 12px; transform: rotate(180deg); -webkit-transition: 0.5s all; transition: 0.5s all; } article.faq-category #questions .ui-accordion-header.ui-state-hover { color: #fff; background: #4a7141; } article.faq-category #questions .ui-accordion-header.ui-state-hover .ui-icon { background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat; transform: rotate(0deg); } article.faq-category #questions .ui-accordion-header.ui-state-active { color: #fff; background: #4a7141; -webkit-border-radius: 12px 0 0 0; -moz-border-radius: 12px 0 0 0; border-radius: 12px 0 0 0; } article.faq-category #questions .ui-accordion-header.ui-state-active .ui-icon { background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat; transform: rotate(0deg); } article.faq-category #questions .ui-widget-content { padding: 12px; border: 1px solid #4a7141; -webkit-border-radius: 0 0 12px 0; -moz-border-radius: 0 0 12px 0; border-radius: 0 0 12px 0; } article.faq-category #questions .ui-widget-content * { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; color: #3d3e3d; } @media (min-width: 768px) { article.faq-category #questions .ui-accordion-header { padding: 16px 48px 16px 24px; } article.faq-category #questions .ui-widget-content { padding: 16px 24px; } } @media (min-width: 992px) { article.faq-category { margin-bottom: 36px; } article.faq-category #questions .ui-accordion-header { padding: 16px 48px 16px 24px; } article.faq-category #questions .ui-widget-content { padding: 24px; } } .noticebox { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; margin-bottom: 24px; max-width: 1152px; } .noticebox .innernotice { padding: 12px 36px; line-height: 16px; text-align: center; font-size: 12px; color: #fff; background: #ef8a17; } .status { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; margin-bottom: 24px; padding: 12px 36px; line-height: 16px; text-align: center; font-size: 12px; color: #fff; background: #7caa7b; } .status .closestatus { position: absolute; top: 50%; right: 12px; z-index: 5; margin: 0; } .status .closestatus a { display: block; width: 12px; height: 12px; margin-top: -6px; font-size: 0; text-indent: -9999px; cursor: pointer; background: url(/website/default-v2/images/icons/general/cross-white.svg) center no-repeat; background-size: 12px 12px; } .status img { display: none; } .status p &gt; span { font-weight: 700; } .status p &gt; span:before { content: "\f00c \ "; font-family: "fontAwesome"; font-weight: 400; } .status a { color: #fff; text-decoration: underline; } .status.warning { color: #3d3e3d; background: #fce7cf; } .status.warning .closestatus a { background-image: url(/website/default-v2/images/icons/general/cross-black.svg); } .status.warning p &gt; span:before { content: "\f071 \ "; } .status.error { background: #900; } .status.error p &gt; span:before { content: "\f00d \ "; } @media (min-width: 992px) { .status .closestatus { right: 24px; } } .block_type_search_box_2 { position: relative; } .block_type_search_box_2 form { display: block; position: relative; width: 100%; } .block_type_search_box_2 form .grid-10-12 { padding: 0; width: 100%; max-width: 100%; } .block_type_search_box_2 form .grid-10-12 input { width: 100%; height: auto; min-height: 40px; padding: 9px 12px; line-height: 20px; } .block_type_search_box_2 form .grid-10-12 input::placeholder { color: rgba(61, 62, 61, 0.5); } .block_type_search_box_2 form .grid-2-12 { position: absolute; top: 0; right: 0; z-index: 5; width: 20px; height: 20px; padding: 0; margin: 10px; } .block_type_search_box_2 form .grid-2-12 input { width: 100%; height: 100%; padding: 0; font-size: 0; text-indent: -9999px; border: 0; background: url(/website/default-v2/images/icons/navigational/search.svg) center no-repeat; } .block_type_search_box_2 .ui-autocomplete { max-height: 300px; overflow: auto; background: #fff; border: 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; } .block_type_search_box_2 .ui-autocomplete.ui-widget-content .ui-state-active { background: #fff; } .block_type_search_box_2 .ui-autocomplete.ui-widget-content .ui-state-active &gt; div { color: #7caa7b; } .block_type_search_box_2 .ui-autocomplete li { padding: 8px 12px; } .block_type_search_box_2 .ui-autocomplete li:before { display: none; } .block_type_search_box_2 .ui-autocomplete .ui-menu-item { font-size: 14px; font-family: "Montserrat", sans-serif; } .block_type_search_box_2 .ui-autocomplete .ui-menu-item div { margin: 0; padding: 0; border: 0; cursor: pointer; } .block_type_search_box_2 .ui-autocomplete .ui-menu-item div:hover { color: #7caa7b; } .block_type_search_box_2 .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: center !important; flex-wrap: nowrap; width: 100%; margin: 0; } .block_type_search_box_2 .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper .preview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: center !important; justify-content: center !important; width: 40px; flex: 0 0 40px; height: 40px; padding: 0 12px 0 0; margin: 0; } .block_type_search_box_2 .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper .preview img { width: 100%; height: 100% !important; object-fit: contain; } .block_type_search_box_2 .ui-autocomplete .ui-autocomplete-category { font-family: "Roboto Slab", serif; color: #3d3e3d; font-weight: 700; background: #f5f5f5; } .block_type_header_pictures { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin-top: -16px; margin-bottom: 24px; } .block_type_header_pictures.block_66 { margin-top: 0; margin-bottom: 12px; } .block_type_header_pictures.block_66 .header-pictures-in { padding: 55% 0 45% 0; } .block_type_header_pictures.block_66 .header-picture { padding: 0 0 55% 0; } .block_type_header_pictures .header-pictures-in { position: relative; padding: 0 0 53.25% 0; width: 100%; } .block_type_header_pictures #header_pictures_fade { position: absolute !important; top: 0; left: 0; z-index: 5; width: 100%; height: 100% !important; margin: 0; list-style: none; } .block_type_header_pictures #header_pictures_fade li { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; padding-left: 0; } .block_type_header_pictures #header_pictures_fade li.temp-show { display: block !important; } .block_type_header_pictures #header_pictures_fade li:before { display: none; } .block_type_header_pictures #header_pictures_fade li &gt; a { display: block; width: 100%; height: 100%; } .block_type_header_pictures #header_pictures_fade li + li { z-index: 1; } .block_type_header_pictures #header_pictures_fade li img { width: 100%; height: 100%; object-fit: cover; } .block_type_header_pictures .header-picture { position: relative; display: block; width: 100%; height: auto; padding: 0 0 53.25% 0; background: none center no-repeat; background-size: cover; } .block_type_header_pictures .header-picture:before { content: ""; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); } .block_type_header_pictures .header-picture img { display: none; } .block_type_header_pictures .hp-text { position: absolute; left: 12px; right: 12px; bottom: 0; z-index: 10; padding: 24px 31.9999992px; text-align: center; background: #fff; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } .block_type_header_pictures .hp-text h3 { font-size: 27px; line-height: 30px; } .block_type_header_pictures .hp-text p { display: block; font-size: 14px; line-height: 20px; margin: 0; color: #3d3e3d; } .block_type_header_pictures .hp-text s, .block_type_header_pictures .hp-text a.btn { background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; display: inline-block; margin-top: 24px; text-decoration: none; } .block_type_header_pictures .hp-text s:after, .block_type_header_pictures .hp-text a.btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .block_type_header_pictures .hp-text s:hover, .block_type_header_pictures .hp-text a.btn:hover { color: #fff; background: #3d3e3d; } .block_type_header_pictures #header-pictures-prev, .block_type_header_pictures #header-pictures-next { position: absolute; bottom: 24px; z-index: 15; } .block_type_header_pictures #header-pictures-prev a, .block_type_header_pictures #header-pictures-next a { display: block; width: 18px; height: 14px; background: none center no-repeat; background-size: 18px 14px; font-size: 0; text-indent: -9999px; } .block_type_header_pictures #header-pictures-prev { left: 12px; } .block_type_header_pictures #header-pictures-prev a { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev.svg); } .block_type_header_pictures #header-pictures-next { right: 12px; } .block_type_header_pictures #header-pictures-next a { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next.svg); } .block_type_header_pictures #header-pictures-index { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: absolute; left: 50%; bottom: 24px; z-index: 15; transform: translateX(-50%); margin: 1px 0; padding: 0; list-style: none; } .block_type_header_pictures #header-pictures-index li { width: 8px; height: 8px; margin: 4px; padding-left: 0; } .block_type_header_pictures #header-pictures-index li:before { display: none; } .block_type_header_pictures #header-pictures-index li a { display: block; width: 100%; height: 100%; font-size: 0; text-indent: -9999px; opacity: 0.4; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_header_pictures #header-pictures-index li:hover a, .block_type_header_pictures #header-pictures-index li.active a { opacity: 1; } @media (min-width: 768px) { .block_type_header_pictures.block_66 .header-pictures-in { padding-bottom: 0 !important; } .block_type_header_pictures .header-pictures-in { height: 100%; padding-bottom: 25%; } .block_type_header_pictures .header-picture { min-height: 100%; padding-bottom: 25%; } .block_type_header_pictures .hp-text { top: auto; left: 0; right: auto; height: auto !important; bottom: 48px; text-align: left; -webkit-border-radius: 0 16px 16px 0; -moz-border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0; -webkit-box-shadow: none; box-shadow: none; } .block_type_header_pictures .hp-text h3 { font-size: 39px; line-height: 52px; margin-bottom: 16px; } .block_type_header_pictures #header-pictures-prev, .block_type_header_pictures #header-pictures-next, .block_type_header_pictures #header-pictures-index { top: auto; bottom: 18px; } .block_type_header_pictures #header-pictures-prev { left: auto; right: 54px; } .block_type_header_pictures #header-pictures-next { right: 24px; } } @media (min-width: 992px) { .block_type_header_pictures.block_66 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; margin-bottom: 24px; } .block_type_header_pictures.block_66 .header-pictures-in { overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } .block_type_header_pictures #header_pictures_fade { padding-bottom: 17.15%; } .block_type_header_pictures .header-picture { padding-bottom: 17.15%; } } @media (min-width: 1920px) { .block_type_header_pictures .header-pictures-in { max-height: 480px; padding-bottom: 480px; } .block_type_header_pictures #header_pictures_fade { padding-bottom: 480px; } } @media (min-width: 768px) { .frontpage .block_type_header_pictures #header-pictures-prev, .frontpage .block_type_header_pictures #header-pictures-next, .frontpage .block_type_header_pictures #header-pictures-index { bottom: 18px !important; } } .webshop .block_type_header_pictures #header-pictures-prev, .webshop .block_type_header_pictures #header-pictures-next, .webshop .block_type_header_pictures #header-pictures-index { bottom: 36px; } @media (min-width: 992px) { .webshop .block_type_header_pictures #header-pictures-prev, .webshop .block_type_header_pictures #header-pictures-next, .webshop .block_type_header_pictures #header-pictures-index { bottom: 18px; } } .block_type_breadcrumbs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; padding: 12px 0; margin: 0 0 16px 0; } .block_type_breadcrumbs &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } .block_type_breadcrumbs .back-btn { padding-right: 9px; margin-right: 9px; font-weight: 700; font-size: 12px; line-height: 16px; border-right: 1px solid #3d3e3d; cursor: pointer; } .block_type_breadcrumbs .back-btn + .breadcrumb:before { display: none; } .block_type_breadcrumbs .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; display: none; position: relative; margin: 0; padding: 0; line-height: 16px; font-size: 12px; color: #3d3e3d; background: none; } .block_type_breadcrumbs .breadcrumb:before { content: ""; display: block; width: 4px; height: 16px; background: url(/website/default-v2/images/icons/general/arrow-button-black.svg) center no-repeat; background-size: 4px 9px; margin-right: 8px; } .block_type_breadcrumbs .breadcrumb a { color: #3d3e3d; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_breadcrumbs .breadcrumb:nth-last-child(2) { display: flex; } .block_type_breadcrumbs .breadcrumb:nth-last-child(2) a:before { content: "Terug naar "; } .block_type_breadcrumbs .breadcrumb:nth-last-child(2):before { transform: rotate(180deg); } .block_type_breadcrumbs .breadcrumb .separator { display: none; } @media (min-width: 768px) { .block_type_breadcrumbs { padding: 16px 0; } .block_type_breadcrumbs &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .block_type_breadcrumbs .back-btn ~ .breadcrumb:nth-child(2) { display: none; } .block_type_breadcrumbs .back-btn ~ .breadcrumb:nth-child(3) { display: none; } .block_type_breadcrumbs .back-btn ~ .breadcrumb:nth-child(4):before { display: none; } .block_type_breadcrumbs .breadcrumb { display: flex; } .block_type_breadcrumbs .breadcrumb:before { margin: 0 8px; } .block_type_breadcrumbs .breadcrumb:first-child:before { display: none; } .block_type_breadcrumbs .breadcrumb:last-child a { opacity: 0.4; } .block_type_breadcrumbs .breadcrumb:nth-last-child(2) a:before { display: none; } .block_type_breadcrumbs .breadcrumb:nth-last-child(2):before { transform: rotate(0deg); } .block_type_breadcrumbs .breadcrumb a:hover { color: #7caa7b; opacity: 1; } } body.checkout-data .block_type_breadcrumbs { display: none; } .block_type_html .btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_html .btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .block_type_html .btn:hover { color: #fff; background: #3d3e3d; } .block-address ul { padding: 0; margin: 0; list-style: none; } .block-address ul li { position: relative; padding: 0 0 0 30px; } .block-address ul li:before { display: none; } .block-address ul li i { position: absolute; top: 2px; left: 0; z-index: 5; width: 16px; line-height: 16px; font-size: 0; text-indent: -9999px; color: #fff; background: #1d1b28; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .block-address ul li i:before { display: block; float: left; width: 100%; text-align: center; font-size: 10px; text-indent: 0; } .block-address ul li img { position: absolute; top: 2px; left: 0; z-index: 5; height: 16px; } .block-address ul li a { color: #3d3e3d; } .block-address ul li a:hover { color: #4a7141; } .block-address ul li + li { margin-top: 12px; } .block-social-icons ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-start !important; padding: 0; margin: 0; list-style: none; } .block-social-icons ul li { margin: 0 12px 0 0; padding: 0; } .block-social-icons ul li:before { display: none; } .block-social-icons ul li a { display: block; width: 24px; height: 24px; line-height: 24px; font-size: 0; text-indent: -9999px; color: #fff; background: none center no-repeat #1d1b28; background-size: 24px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.5s all; transition: 0.5s all; } .block-social-icons ul li a:before { display: block; float: left; width: 100%; text-align: center; font-size: 14px; text-indent: 0; } .block-social-icons ul li a.fa-facebook:hover { background: #4064AC; } .block-social-icons ul li a.fa-pinterest:hover, .block-social-icons ul li a.fa-pinterest-p:hover { background: #DF0022; } .block-social-icons ul li a.fa-instagram:hover { background: #BB39A2; } .block-social-icons ul li a.fa-youtube:hover, .block-social-icons ul li a.fa-youtube-play:hover { background: #DF5A57; } .block-social-icons ul li a.social-icon { background-color: transparent; } .block-social-icons ul li a.social-icon.facebook { background-image: url(/website/default-v2/images/icons/social/facebook-black.svg); } .block-social-icons ul li a.social-icon.facebook:hover { background-image: url(/website/default-v2/images/icons/social/facebook-hover.svg); } .block-social-icons ul li a.social-icon.pinterest { background-image: url(/website/default-v2/images/icons/social/pinterest-black.svg); } .block-social-icons ul li a.social-icon.pinterest:hover { background-image: url(/website/default-v2/images/icons/social/pinterest-hover.svg); } .block-social-icons ul li a.social-icon.instagram { background-image: url(/website/default-v2/images/icons/social/instagram-black.svg); } .block-social-icons ul li a.social-icon.instagram:hover { background-image: url(/website/default-v2/images/icons/social/instagram-hover.svg); } .block-social-icons ul li a.social-icon.tiktok { background-image: url(/website/default-v2/images/icons/social/tiktok-black.svg); } .block-social-icons ul li a.social-icon.tiktok:hover { background-image: url(/website/default-v2/images/icons/social/tiktok-hover.svg); } .block-social-icons ul li a.social-icon.youtube { background-image: url(/website/default-v2/images/icons/social/youtube-black.svg); } .block-social-icons ul li a.social-icon.youtube:hover { background-image: url(/website/default-v2/images/icons/social/youtube-hover.svg); } .block-plan-route .btn { background: #ffffff; padding: 9px 24px; min-height: 40px; font-size: 13px; color: #3d3e3d !important; border: 1px solid #1d1b28; } .block-plan-route .btn:after { content: url(/website/default-v2/images/icons/general/arrow-button-black.svg); } .block-plan-route .btn:hover { color: #fff !important; background: #3d3e3d; } .block-plan-route .btn:hover:after { content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); } .block-custom-category &gt; a:hover &gt; .wrap:before { opacity: 0; } .block-custom-category &gt; a &gt; .wrap, .block-custom-category &gt; .wrap { position: relative; padding: 0 0 100% 0; overflow: hidden; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .block-custom-category &gt; a &gt; .wrap:before, .block-custom-category &gt; .wrap:before { content: ""; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .block-custom-category &gt; a &gt; .wrap &gt; .in, .block-custom-category &gt; .wrap &gt; .in { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .block-custom-category .block-title h1, .block-custom-category .block-title h2 { color: #fff; } @media (min-width: 768px) { .block-custom-category &gt; a &gt; .wrap, .block-custom-category &gt; .wrap { padding-bottom: 67%; } } @media (min-width: 992px) { .block-custom-category &gt; a &gt; .wrap, .block-custom-category &gt; .wrap { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } } .block-facilities ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; padding: 0; list-style: none; } .block-facilities ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; padding-left: 42px; margin: 3px 0; line-height: 20px; } .block-facilities ul li:before { display: none; } .block-facilities ul li i { position: absolute; top: 0; left: 12px; z-index: 5; width: 20px; line-height: 20px; font-size: 0; text-indent: -9999px; } .block-facilities ul li i:before { display: block; font-size: 16px; text-indent: 0; } .block-facilities ul li img { position: absolute; top: 2px; left: 12px; z-index: 5; height: 16px; } @media (min-width: 992px) { .block-facilities &gt; .wrap { max-width: 66.6666666%; padding-right: 6px; } } .block-image-full { padding: 0 !important; } .block-image-full &gt; a &gt; .wrap, .block-image-full &gt; .wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: flex-end !important; padding: 48px 0; margin: 0; } .block-image-full &gt; a &gt; .wrap &gt; .in, .block-image-full &gt; .wrap &gt; .in { position: relative; width: 80%; -webkit-flex: 1 79%; max-width: 80%; padding: 24px; background: #fff; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } .block-image-full .block-title { margin-top: 20px; } .block-image-full .block-title h1, .block-image-full .block-title h2 { font-size: 21px; line-height: 30px; } .block-image-full .block-subtitle { position: absolute; top: 24px; left: 24px; z-index: 5; line-height: 20px; color: #7caa7b; font-size: 11px; font-weight: 600; text-transform: uppercase; } .block-image-full.text-right { text-align: left; } .block-image-full.text-right &gt; a &gt; .wrap, .block-image-full.text-right &gt; .wrap { align-items: flex-end !important; } .block-image-full.text-right &gt; a &gt; .wrap &gt; .in, .block-image-full.text-right &gt; .wrap &gt; .in { margin-left: auto; } @media (min-width: 768px) { .block-image-full &gt; a &gt; .wrap, .block-image-full &gt; .wrap { padding: 48px 0; } .block-image-full &gt; a &gt; .wrap &gt; .in, .block-image-full &gt; .wrap &gt; .in { width: 66.666%; -webkit-flex: 1 65%; max-width: 66.666666%; padding: 36px; } .block-image-full .block-subtitle { top: 24px; left: 24px; } .block-image-full .btn { margin-top: 12px; } } @media (min-width: 992px) { .block-image-full &gt; a &gt; .wrap, .block-image-full &gt; .wrap { position: relative; padding: 108px 0; overflow: hidden; } .block-image-full &gt; a &gt; .wrap &gt; .in, .block-image-full &gt; .wrap &gt; .in { width: 60%; -webkit-flex: 0 0 60%; max-width: 60%; padding: 48px; } .block-image-full &gt; a &gt; .wrap:before, .block-image-full &gt; .wrap:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 5; width: 100%; height: 100%; background: #fff; margin-right: 564px; } .block-image-full .block-title h1, .block-image-full .block-title h2 { font-size: 32px; line-height: 40px; } .block-image-full .block-subtitle { top: 48px; left: 48px; } .block-image-full.text-right &gt; a &gt; .wrap:before, .block-image-full.text-right &gt; .wrap:before { margin-left: 564px; margin-right: 0; } } @media (min-width: 1200px) { .block-image-full { padding: 0 12px !important; } .block-image-full &gt; a &gt; .wrap, .block-image-full &gt; .wrap { justify-content: center !important; } .block-image-full &gt; a &gt; .wrap &gt; .in, .block-image-full &gt; .wrap &gt; .in { max-width: 679.2px; margin-right: 472.8px; } .block-image-full.text-right &gt; a &gt; .wrap &gt; .in, .block-image-full.text-right &gt; .wrap &gt; .in { margin-left: 472.8px; margin-right: 0; } } .block-vacancy-title-text &gt; .wrap { position: relative; padding: 24px; overflow: hidden; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .block-vacancy-title-text &gt; .wrap:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); } .block-vacancy-title-text &gt; .wrap &gt; .in { position: relative; z-index: 10; padding-bottom: 64px; } .block-vacancy-title-text .block-title h1, .block-vacancy-title-text .block-title h2 { color: #fff; font-size: 21px; line-height: 30px; } .block-vacancy-title-text .block-content { color: #f5f5f5; } .block-vacancy-title-text .block-content .btn { background: #1d1b28; position: absolute; left: 0; bottom: 0; z-index: 5; } .block-vacancy-title-text ul { padding: 0; margin: 0; list-style: none; } .block-vacancy-title-text ul li { padding-left: 0; } .block-vacancy-title-text ul li:before { display: none; } .block-vacancy-title-text ul li a { color: #fff !important; text-decoration: underline; font-weight: 600; } .block-vacancy-title-text ul li + li { margin-top: 6px; } @media (min-width: 768px) { .block-vacancy-title-text &gt; .wrap { padding: 36px; } .block-vacancy-title-text &gt; .wrap &gt; .in { max-width: 60%; } } @media (min-width: 992px) { .block-vacancy-title-text &gt; .wrap { padding: 48px; -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .block-vacancy-title-text &gt; .wrap &gt; .in { max-width: 40%; padding-bottom: 76px; } .block-vacancy-title-text .block-title h1, .block-vacancy-title-text .block-title h2 { font-size: 32px; line-height: 40px; } } .block-text-bg &gt; .wrap { position: relative; padding: 24px; overflow: hidden; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .block-text-bg &gt; .wrap:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); } .block-text-bg &gt; .wrap &gt; .in { position: relative; z-index: 10; padding-bottom: 64px; } .block-text-bg .block-title h1, .block-text-bg .block-title h2 { color: #fff; font-size: 21px; line-height: 30px; } .block-text-bg .block-content { color: #f5f5f5; } .block-text-bg .block-content .btn { position: absolute; left: 0; bottom: 0; z-index: 5; } @media (min-width: 768px) { .block-text-bg &gt; .wrap { padding: 36px; } .block-text-bg &gt; .wrap &gt; .in { max-width: 60%; } } @media (min-width: 992px) { .block-text-bg &gt; .wrap { padding: 48px; -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .block-text-bg &gt; .wrap &gt; .in { max-width: 40%; } .block-text-bg .block-title h1, .block-text-bg .block-title h2 { color: #fff; font-size: 32px; line-height: 40px; } } .block-title-btn-bg &gt; .wrap { position: relative; padding: 24px; overflow: hidden; text-align: center; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .block-title-btn-bg &gt; .wrap:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); } .block-title-btn-bg &gt; .wrap &gt; .in { position: relative; z-index: 10; padding-bottom: 64px; } .block-title-btn-bg .block-title h1, .block-title-btn-bg .block-title h2 { color: #fff; font-size: 21px; line-height: 30px; } .block-title-btn-bg .block-content { color: #f5f5f5; } .block-title-btn-bg .block-content .btn { position: absolute; left: 50%; bottom: 0; z-index: 5; transform: translateX(-50%); white-space: nowrap; } @media (min-width: 768px) { .block-title-btn-bg &gt; .wrap { padding: 36px; } } @media (min-width: 992px) { .block-title-btn-bg &gt; .wrap { padding: 48px; -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .block-title-btn-bg .block-title h1, .block-title-btn-bg .block-title h2 { color: #fff; font-size: 32px; line-height: 40px; } } @media (min-width: 992px) { .block-text-third &gt; .wrap { max-width: 66.6666666%; padding-right: 6px; } } .block-separate-title { text-align: center; } .block-separate-title .block-title h1, .block-separate-title .block-title h2 { font-size: 19px; line-height: 24px; margin-bottom: 8px; } .block-separate-title .block-content { display: none; } @media (min-width: 992px) { .block-separate-title .block-title h1, .block-separate-title .block-title h2 { font-size: 24px; line-height: 30px; } } .block-google-maps .block-content { position: relative; padding: 0 0 100% 0; } .block-google-maps .block-content iframe { position: absolute; top: 0; left: 0; z-index: 5; width: 100% !important; height: 100% !important; } .block-banner-footer { padding: 0; } .block-banner-footer img { position: relative; left: 50%; transform: translateX(-50%); width: auto !important; height: auto !important; max-height: 64px; } @media (min-width: 768px) { .block-banner-footer img { width: 100% !important; max-height: none; } } .header-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .header-block &gt; a { width: 100%; height: 100%; color: #3d3e3d; } .header-block &gt; a &gt; .wrap, .header-block &gt; .wrap { height: 100%; padding: 20px; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.08); -webkit-transition: 0.5s all; transition: 0.5s all; } .header-block .block-title h2, .header-block .block-title h3 { margin: 0; line-height: 20px; font-size: 17px; } .header-block .block-content { display: none; margin-top: 8px; } @media (min-width: 992px) { .header-block .block-title h2, .header-block .block-title h3 { line-height: 24px; font-size: 20px; } .header-block .block-content { display: block; } } .block_type_giftcard_balance_check .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .block_type_giftcard_balance_check .form .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block_type_giftcard_balance_check .form .grid-12-12 label { width: 100%; margin-bottom: 4px; font-weight: 600; } .block_type_giftcard_balance_check .form .grid-12-12 input { width: 100%; max-width: 314px; min-height: 50px; padding: 14px 19px; margin-bottom: 12px; } .block_type_giftcard_balance_check .form .grid-12-12 a.btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; margin-top: 12px; } .block_type_giftcard_balance_check .form .grid-12-12 a.btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .block_type_giftcard_balance_check .form .grid-12-12 a.btn:hover { color: #fff; background: #3d3e3d; } .block_type_giftcard_balance_check .form .grid-12-12 a.btn:after { display: none; } .errors li { padding-left: 0; } .errors li:before { display: none; } .block_type_form .form_title { display: none; } .block_type_form .formbuilder { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .block_type_form .formbuilder .form_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px; } .block_type_form .formbuilder .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .block_type_form .formbuilder .form .grid-4-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 4px; } .block_type_form .formbuilder .form .grid-8-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px; } .block_type_form .formbuilder .form .grid-12-12 { margin-bottom: 12px; } .block_type_form .formbuilder .form .field_type_radio label { display: inline-block; position: relative; width: auto; line-height: 16px; padding: 0 0 0 25px; margin: 0 12px 0 0; } .block_type_form .formbuilder .form .field_type_radio label input { display: none; } .block_type_form .formbuilder .form .field_type_radio label input:checked + .custom-radio-button:after { content: ""; position: absolute; top: 0; left: 0; z-index: 10; width: 8px; height: 8px; margin: 4px; background: #1d1b28; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .block_type_form .formbuilder .form .field_type_radio label .custom-radio-button { position: absolute; top: 50%; left: 0; z-index: 5; margin-top: -10px; width: 16px; height: 16px; min-height: auto; border: 0; background: #f0f0f0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .block_type_form .formbuilder .form .field_type_button { margin-bottom: 0; } .block_type_form .formbuilder .form .field_type_button input { color: #fff; background-color: #1d1b28; border-color: #121119; padding: 15px 20px; height: auto; min-height: 50px; line-height: 20px; font-weight: 600; width: 100%; border: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .block_type_form .formbuilder .form .field_type_button input:focus, .block_type_form .formbuilder .form .field_type_button input.focus { color: #fff; background-color: #07060a; border-color: #000000; } .block_type_form .formbuilder .form .field_type_button input:hover { color: #fff; background-color: #07060a; border-color: #000000; } .block_type_form .formbuilder .form .field_type_button input:active, .block_type_form .formbuilder .form .field_type_button input.active, .open &gt; .dropdown-toggle.block_type_form .formbuilder .form .field_type_button input { color: #fff; background-color: #07060a; background-image: none; border-color: #000000; } .block_type_form .formbuilder .form .field_type_button input:active:hover, .block_type_form .formbuilder .form .field_type_button input.active:hover, .open &gt; .dropdown-toggle.block_type_form .formbuilder .form .field_type_button input:hover, .block_type_form .formbuilder .form .field_type_button input:active:focus, .block_type_form .formbuilder .form .field_type_button input.active:focus, .open &gt; .dropdown-toggle.block_type_form .formbuilder .form .field_type_button input:focus, .block_type_form .formbuilder .form .field_type_button input:active.focus, .block_type_form .formbuilder .form .field_type_button input.active.focus, .open &gt; .dropdown-toggle.block_type_form .formbuilder .form .field_type_button input.focus { color: #fff; background-color: #000000; border-color: #000000; } .block_type_form .formbuilder .form .field_type_button input.disabled:hover, .block_type_form .formbuilder .form .field_type_button input[disabled]:hover, fieldset[disabled] .block_type_form .formbuilder .form .field_type_button input:hover, .block_type_form .formbuilder .form .field_type_button input.disabled:focus, .block_type_form .formbuilder .form .field_type_button input[disabled]:focus, fieldset[disabled] .block_type_form .formbuilder .form .field_type_button input:focus, .block_type_form .formbuilder .form .field_type_button input.disabled.focus, .block_type_form .formbuilder .form .field_type_button input[disabled].focus, fieldset[disabled] .block_type_form .formbuilder .form .field_type_button input.focus { background-color: #1d1b28; border-color: #121119; } .block_type_form .formbuilder .form .field_type_button input .badge { color: #1d1b28; background-color: #fff; } .block_type_form .formbuilder .form .field_type_button input:after { content: "\ \f105"; font-family: "fontAwesome"; } .block_type_form .formbuilder input:not([type="submit"], [type="button"], [type="reset"]), .block_type_form .formbuilder select, .block_type_form .formbuilder textarea { padding: 14px; line-height: 20px; height: auto; min-height: 50px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } @media (min-width: 768px) { .block_type_form .formbuilder .form .grid-8-12 { max-width: 336px; } .block_type_form .formbuilder .form .field_type_button input { width: auto; } } .form-contact-page &gt; .wrap { padding: 24px 12px; background: #4a7141; } .form-contact-page &gt; .wrap &gt; .in { padding: 24px; background: #fff; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.15); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.15); } .form-contact-page .formbuilder .form .grid-4-12 label { font-weight: 700; } .form-contact-page .formbuilder .form .form_text, .form-contact-page .formbuilder .form .field_type_static { font-size: 12px; color: rgba(61, 62, 61, 0.7); } @media (min-width: 768px) { .form-contact-page &gt; .wrap &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding: 24px; } .form-contact-page .formbuilder .form .field_type_button { max-width: 336px; } .form-contact-page .formbuilder .form .field_type_button input { width: 100%; } } @media (min-width: 992px) { .form-contact-page &gt; .wrap { padding-top: 48px; padding-bottom: 48px; } .form-contact-page &gt; .wrap &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding: 48px; -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } } .column &gt; .in.has-news-items { max-width: 1152px !important; } .block_type_newsitems, .block_type_selectednewsitems { position: relative; padding: 0 !important; } .block_type_newsitems &gt; .wrap, .block_type_selectednewsitems &gt; .wrap { overflow: hidden; } .block_type_newsitems .block-title, .block_type_selectednewsitems .block-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 16px; } .block_type_newsitems .block-title h1, .block_type_selectednewsitems .block-title h1, .block_type_newsitems .block-title h2, .block_type_selectednewsitems .block-title h2 { margin-bottom: 8px; } .block_type_newsitems .block-title &gt; a, .block_type_selectednewsitems .block-title &gt; a { position: relative; z-index: 5; display: inline-block; padding: 0 12px 0 0; margin-bottom: 24px; font-weight: 600; background: url(/website/default-v2/images/icons/general/arrow-button-green.svg) 100% 50% no-repeat; background-size: 5px 9px; } .block_type_newsitems .more-newsitems-link, .block_type_selectednewsitems .more-newsitems-link { float: left; width: 100%; padding: 0 16px; margin-bottom: 24px; } .block_type_newsitems .more-newsitems-link a, .block_type_selectednewsitems .more-newsitems-link a { float: left; padding: 0 12px 0 0; font-weight: 600; background: url(/website/default-v2/images/icons/general/arrow-button-green.svg) 100% 50% no-repeat; background-size: 5px 9px; } .block_type_newsitems .block-subtitle, .block_type_selectednewsitems .block-subtitle { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 16px; } .block_type_newsitems #frontpage-newsitems-container, .block_type_selectednewsitems #frontpage-newsitems-container, .block_type_newsitems #page-newsitems-container, .block_type_selectednewsitems #page-newsitems-container, .block_type_newsitems #news-newsitems-container, .block_type_selectednewsitems #news-newsitems-container, .block_type_newsitems #page-selected-newsitems-container, .block_type_selectednewsitems #page-selected-newsitems-container, .block_type_newsitems #news-selected-newsitems-container, .block_type_selectednewsitems #news-selected-newsitems-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-wrap: nowrap; position: relative; left: 0; margin: 0; padding: 0 8px; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_newsitems .frontpage-news-item, .block_type_selectednewsitems .frontpage-news-item, .block_type_newsitems .page-news-item, .block_type_selectednewsitems .page-news-item, .block_type_newsitems .news-news-item, .block_type_selectednewsitems .news-news-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; padding: 0 8px; } .block_type_newsitems .frontpage-news-item &gt; .wrap, .block_type_selectednewsitems .frontpage-news-item &gt; .wrap, .block_type_newsitems .page-news-item &gt; .wrap, .block_type_selectednewsitems .page-news-item &gt; .wrap, .block_type_newsitems .news-news-item &gt; .wrap, .block_type_selectednewsitems .news-news-item &gt; .wrap { position: relative; width: 100%; height: 100%; padding: 100% 0 0 0; } .block_type_newsitems .frontpage-news-item &gt; .wrap &gt; .in, .block_type_selectednewsitems .frontpage-news-item &gt; .wrap &gt; .in, .block_type_newsitems .page-news-item &gt; .wrap &gt; .in, .block_type_selectednewsitems .page-news-item &gt; .wrap &gt; .in, .block_type_newsitems .news-news-item &gt; .wrap &gt; .in, .block_type_selectednewsitems .news-news-item &gt; .wrap &gt; .in { height: 100%; } .block_type_newsitems .frontpage-news-item .news-title, .block_type_selectednewsitems .frontpage-news-item .news-title, .block_type_newsitems .page-news-item .news-title, .block_type_selectednewsitems .page-news-item .news-title, .block_type_newsitems .news-news-item .news-title, .block_type_selectednewsitems .news-news-item .news-title { margin-top: 18px; } .block_type_newsitems .frontpage-news-item .news-title h2, .block_type_selectednewsitems .frontpage-news-item .news-title h2, .block_type_newsitems .page-news-item .news-title h2, .block_type_selectednewsitems .page-news-item .news-title h2, .block_type_newsitems .news-news-item .news-title h2, .block_type_selectednewsitems .news-news-item .news-title h2 { font-size: 17px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .block_type_newsitems .frontpage-news-item .news-text &gt; *, .block_type_selectednewsitems .frontpage-news-item .news-text &gt; *, .block_type_newsitems .page-news-item .news-text &gt; *, .block_type_selectednewsitems .page-news-item .news-text &gt; *, .block_type_newsitems .news-news-item .news-text &gt; *, .block_type_selectednewsitems .news-news-item .news-text &gt; * { display: none; } .block_type_newsitems .frontpage-news-item .news-text figure, .block_type_selectednewsitems .frontpage-news-item .news-text figure, .block_type_newsitems .page-news-item .news-text figure, .block_type_selectednewsitems .page-news-item .news-text figure, .block_type_newsitems .news-news-item .news-text figure, .block_type_selectednewsitems .news-news-item .news-text figure { display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 0; overflow: hidden; background: none center no-repeat; background-size: cover; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .block_type_newsitems .frontpage-news-item .news-text figure a, .block_type_selectednewsitems .frontpage-news-item .news-text figure a, .block_type_newsitems .page-news-item .news-text figure a, .block_type_selectednewsitems .page-news-item .news-text figure a, .block_type_newsitems .news-news-item .news-text figure a, .block_type_selectednewsitems .news-news-item .news-text figure a { display: block; width: 100%; padding: 0 0 100% 0; background: rgba(29, 27, 40, 0); -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_newsitems .frontpage-news-item .news-text figure a:hover, .block_type_selectednewsitems .frontpage-news-item .news-text figure a:hover, .block_type_newsitems .page-news-item .news-text figure a:hover, .block_type_selectednewsitems .page-news-item .news-text figure a:hover, .block_type_newsitems .news-news-item .news-text figure a:hover, .block_type_selectednewsitems .news-news-item .news-text figure a:hover { background: rgba(29, 27, 40, 0.4); } .block_type_newsitems .frontpage-news-item .news-text figure img, .block_type_selectednewsitems .frontpage-news-item .news-text figure img, .block_type_newsitems .page-news-item .news-text figure img, .block_type_selectednewsitems .page-news-item .news-text figure img, .block_type_newsitems .news-news-item .news-text figure img, .block_type_selectednewsitems .news-news-item .news-text figure img { display: none; } .block_type_newsitems .frontpage-news-item .news-text p:first-of-type, .block_type_selectednewsitems .frontpage-news-item .news-text p:first-of-type, .block_type_newsitems .page-news-item .news-text p:first-of-type, .block_type_selectednewsitems .page-news-item .news-text p:first-of-type, .block_type_newsitems .news-news-item .news-text p:first-of-type, .block_type_selectednewsitems .news-news-item .news-text p:first-of-type { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .block_type_newsitems .frontpage-news-item .news-text .more, .block_type_selectednewsitems .frontpage-news-item .news-text .more, .block_type_newsitems .page-news-item .news-text .more, .block_type_selectednewsitems .page-news-item .news-text .more, .block_type_newsitems .news-news-item .news-text .more, .block_type_selectednewsitems .news-news-item .news-text .more { display: none; } .block_type_newsitems .frontpage-news-item .news-text .read-more, .block_type_selectednewsitems .frontpage-news-item .news-text .read-more, .block_type_newsitems .page-news-item .news-text .read-more, .block_type_selectednewsitems .page-news-item .news-text .read-more, .block_type_newsitems .news-news-item .news-text .read-more, .block_type_selectednewsitems .news-news-item .news-text .read-more { display: block; position: absolute; top: -50px; right: 0; z-index: 10; margin: 100% 0 0 0; padding: 0 15px; line-height: 50px; color: #f5f5f5; background: #1d1b28; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .block_type_newsitems .frontpage-news-item .news-tag, .block_type_selectednewsitems .frontpage-news-item .news-tag, .block_type_newsitems .page-news-item .news-tag, .block_type_selectednewsitems .page-news-item .news-tag, .block_type_newsitems .news-news-item .news-tag, .block_type_selectednewsitems .news-news-item .news-tag { position: absolute; top: 10px; left: 10px; z-index: 10; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .block_type_newsitems .frontpage-news-item .news-tags, .block_type_selectednewsitems .frontpage-news-item .news-tags, .block_type_newsitems .page-news-item .news-tags, .block_type_selectednewsitems .page-news-item .news-tags, .block_type_newsitems .news-news-item .news-tags, .block_type_selectednewsitems .news-news-item .news-tags { position: absolute; top: 10px; left: 10px; z-index: 10; } .block_type_newsitems .frontpage-news-item .news-tags .tags-title, .block_type_selectednewsitems .frontpage-news-item .news-tags .tags-title, .block_type_newsitems .page-news-item .news-tags .tags-title, .block_type_selectednewsitems .page-news-item .news-tags .tags-title, .block_type_newsitems .news-news-item .news-tags .tags-title, .block_type_selectednewsitems .news-news-item .news-tags .tags-title { display: none; } .block_type_newsitems .frontpage-news-item .news-tags .tags-box, .block_type_selectednewsitems .frontpage-news-item .news-tags .tags-box, .block_type_newsitems .page-news-item .news-tags .tags-box, .block_type_selectednewsitems .page-news-item .news-tags .tags-box, .block_type_newsitems .news-news-item .news-tags .tags-box, .block_type_selectednewsitems .news-news-item .news-tags .tags-box { position: relative; padding-right: 40px; } .block_type_newsitems .frontpage-news-item .news-tags .tags-box a, .block_type_selectednewsitems .frontpage-news-item .news-tags .tags-box a, .block_type_newsitems .page-news-item .news-tags .tags-box a, .block_type_selectednewsitems .page-news-item .news-tags .tags-box a, .block_type_newsitems .news-news-item .news-tags .tags-box a, .block_type_selectednewsitems .news-news-item .news-tags .tags-box a { display: block; padding: 7px 15px; line-height: 20px; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: #ffffff; background: #e6bd1c; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .block_type_newsitems .frontpage-news-item .news-tags .tags-box a:nth-child(1n+2), .block_type_selectednewsitems .frontpage-news-item .news-tags .tags-box a:nth-child(1n+2), .block_type_newsitems .page-news-item .news-tags .tags-box a:nth-child(1n+2), .block_type_selectednewsitems .page-news-item .news-tags .tags-box a:nth-child(1n+2), .block_type_newsitems .news-news-item .news-tags .tags-box a:nth-child(1n+2), .block_type_selectednewsitems .news-news-item .news-tags .tags-box a:nth-child(1n+2) { visibility: hidden; } .block_type_newsitems .frontpage-news-item .news-tags .tags-box .show-tags, .block_type_selectednewsitems .frontpage-news-item .news-tags .tags-box .show-tags, .block_type_newsitems .page-news-item .news-tags .tags-box .show-tags, .block_type_selectednewsitems .page-news-item .news-tags .tags-box .show-tags, .block_type_newsitems .news-news-item .news-tags .tags-box .show-tags, .block_type_selectednewsitems .news-news-item .news-tags .tags-box .show-tags { position: absolute; top: 0; right: 0; z-index: 5; width: 34px; height: 34px; cursor: pointer; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) center no-repeat #ef8a17; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; } .block_type_newsitems .frontpage-news-item .news-tags .tags-box.show a:nth-child(1n+2), .block_type_selectednewsitems .frontpage-news-item .news-tags .tags-box.show a:nth-child(1n+2), .block_type_newsitems .page-news-item .news-tags .tags-box.show a:nth-child(1n+2), .block_type_selectednewsitems .page-news-item .news-tags .tags-box.show a:nth-child(1n+2), .block_type_newsitems .news-news-item .news-tags .tags-box.show a:nth-child(1n+2), .block_type_selectednewsitems .news-news-item .news-tags .tags-box.show a:nth-child(1n+2) { visibility: visible; } .block_type_newsitems .frontpage-news-item .news-source, .block_type_selectednewsitems .frontpage-news-item .news-source, .block_type_newsitems .page-news-item .news-source, .block_type_selectednewsitems .page-news-item .news-source, .block_type_newsitems .news-news-item .news-source, .block_type_selectednewsitems .news-news-item .news-source { display: none; } @media (min-width: 768px) { .block_type_newsitems .frontpage-news-item, .block_type_selectednewsitems .frontpage-news-item, .block_type_newsitems .page-news-item, .block_type_selectednewsitems .page-news-item, .block_type_newsitems .news-news-item, .block_type_selectednewsitems .news-news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .block_type_newsitems .frontpage-news-item &gt; .wrap, .block_type_selectednewsitems .frontpage-news-item &gt; .wrap, .block_type_newsitems .page-news-item &gt; .wrap, .block_type_selectednewsitems .page-news-item &gt; .wrap, .block_type_newsitems .news-news-item &gt; .wrap, .block_type_selectednewsitems .news-news-item &gt; .wrap { padding-top: 75%; } .block_type_newsitems .frontpage-news-item .news-title h2, .block_type_selectednewsitems .frontpage-news-item .news-title h2, .block_type_newsitems .page-news-item .news-title h2, .block_type_selectednewsitems .page-news-item .news-title h2, .block_type_newsitems .news-news-item .news-title h2, .block_type_selectednewsitems .news-news-item .news-title h2 { font-size: 21px; line-height: 25px; } .block_type_newsitems .frontpage-news-item .news-text figure a, .block_type_selectednewsitems .frontpage-news-item .news-text figure a, .block_type_newsitems .page-news-item .news-text figure a, .block_type_selectednewsitems .page-news-item .news-text figure a, .block_type_newsitems .news-news-item .news-text figure a, .block_type_selectednewsitems .news-news-item .news-text figure a { padding-bottom: 75%; } .block_type_newsitems .frontpage-news-item .news-text .read-more, .block_type_selectednewsitems .frontpage-news-item .news-text .read-more, .block_type_newsitems .page-news-item .news-text .read-more, .block_type_selectednewsitems .page-news-item .news-text .read-more, .block_type_newsitems .news-news-item .news-text .read-more, .block_type_selectednewsitems .news-news-item .news-text .read-more { margin-top: 75%; } } @media (min-width: 768px) { .block_type_newsitems #frontpage-newsitems-container, .block_type_selectednewsitems #frontpage-newsitems-container, .block_type_newsitems #page-newsitems-container, .block_type_selectednewsitems #page-newsitems-container, .block_type_newsitems #news-newsitems-container, .block_type_selectednewsitems #news-newsitems-container, .block_type_newsitems #page-selected-newsitems-container, .block_type_selectednewsitems #page-selected-newsitems-container, .block_type_newsitems #news-selected-newsitems-container, .block_type_selectednewsitems #news-selected-newsitems-container { left: 0 !important; padding: 0; } .block_type_newsitems .frontpage-news-item, .block_type_selectednewsitems .frontpage-news-item, .block_type_newsitems .page-news-item, .block_type_selectednewsitems .page-news-item, .block_type_newsitems .news-news-item, .block_type_selectednewsitems .news-news-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .block_type_newsitems .custom-slider-nav, .block_type_selectednewsitems .custom-slider-nav { display: none; } .block_type_newsitems .block-title, .block_type_selectednewsitems .block-title { padding: 0 12px; } .block_type_newsitems .more-newsitems-link, .block_type_selectednewsitems .more-newsitems-link { padding: 0 12px; margin-bottom: 24px; } .block_type_newsitems .block-subtitle, .block_type_selectednewsitems .block-subtitle { padding: 0 12px; } } .block_type_openinghours ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0; margin-bottom: 0; list-style: none; } .block_type_openinghours ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; padding-right: 0; } .block_type_openinghours ul li:before { display: none; } .block_type_openinghours ul li .day { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .block_type_openinghours ul li .time { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: left; padding-right: 0; } .block_type_openinghours ul.additional_openinghours li .title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; font-weight: bold; } .block_type_openinghours ul.additional_openinghours li .date { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .block_type_openinghours ul.additional_openinghours li .time { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 0; } .block_type_openinghours ul.additional_openinghours li + li { margin-top: 6px; } .block_type_openinghours ul + h3 { font-size: 14px !important; } .block_type_openinghours .extra_text { display: block; margin: 8px 0 0 0; font-size: 11.9px; color: #8b8d8b; } .block_type_openinghours .openinghours_link { display: block; margin-top: 12px; } .block_type_openinghours .openinghours_link a { display: inline-block; font-weight: 600; font-size: 13px; padding-right: 10px; background: url(/website/default-v2/images/icons/general/arrow-button-green.svg) 100% 50% no-repeat; background-size: auto 9px; } .block_type_openinghours .openinghours_link a:hover { background-image: url(/website/default-v2/images/icons/general/arrow-button-black.svg); } .block_type_openinghours .block-content h3 { font-size: 14px; } .block_type_openinghours.openingshours-page-block ul li .time { text-align: left; } .block_type_openinghours.openingshours-page-block ul li + li { margin-top: 8px; } .block_type_openinghours.openingshours-page-block .extra_text { margin-top: 16px; font-size: 14px; color: #3d3e3d; } @media (min-width: 768px) { .block_type_openinghours ul li .time { text-align: right; } .block_type_openinghours .block-content h3 { font-size: 14px; } } .pages_414 .placeholder-header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin-left: 0; margin-right: 0; margin-bottom: 12px; } .pages_414 .placeholder-header &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; max-width: 1400px; margin: 0; } .pages_414 .placeholder-header .layout_block { margin-bottom: 12px; } .pages_414 .placeholder-header .block_type_openinghours_today { display: none; } .pages_414 .placeholder-header #header-blocks-right { width: 100%; } .pages_414 .placeholder-header .block_type_universalslider { width: 100%; max-width: 100%; margin-top: 16px; margin-bottom: 16px; } .pages_414 .placeholder-header .block_type_universalslider .block-content { padding: 0 !important; } @media (min-width: 992px) { .pages_414 .placeholder-header &gt; .in { margin-top: 24px; } .pages_414 .placeholder-header .layout_block { margin-bottom: 0; padding-bottom: 24px; } .pages_414 .placeholder-header .block_type_universalslider { display: none; } .pages_414 .placeholder-header #header-blocks-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0; } .pages_414 .placeholder-header #header-blocks-right .header-block { height: 33.333%; } } .block_type_pageslider { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 !important; margin-top: 0; margin-bottom: 12px !important; } .block_type_pageslider &gt; .wrap { position: relative; } .block_type_pageslider .slide-prev, .block_type_pageslider .slide-next { position: absolute; bottom: 24px; z-index: 15; display: block; width: 32px; height: 32px; cursor: pointer; background: none center no-repeat; background-size: 18px 14px; user-select: none; } .block_type_pageslider .slide-prev { left: 12px; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev.svg); } .block_type_pageslider .slide-next { right: 12px; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next.svg); } .block_type_pageslider .page-carousel { position: relative; height: auto !important; padding: 55% 0 0 0; } .block_type_pageslider .page-carousel .page-img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; } .block_type_pageslider .page-carousel .page-img .slide { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; } .block_type_pageslider .page-carousel .page-img .slide a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; } .block_type_pageslider .page-carousel .page-img .slide.show { z-index: 2; } .block_type_pageslider .page-carousel .page-img .slide-picture { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; flex: 0 0 100%; padding: 0 0 55% 0; margin: 0; background: none !important; } .block_type_pageslider .page-carousel .page-img .slide-picture:before { display: none; } .block_type_pageslider .page-carousel .page-img .slide-picture img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100% !important; object-fit: cover; } .block_type_pageslider .page-carousel .page-nav { position: absolute; left: 12px; right: 12px; bottom: 12px; top: 12px; z-index: 10; padding: 0; text-align: center; } .block_type_pageslider .page-carousel .page-nav ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-content: center !important; align-items: center !important; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; } .block_type_pageslider .page-carousel .page-nav ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-content: center !important; align-items: center !important; width: 100%; flex: 0 0 100%; height: 100%; padding: 24px 31.9999992px; margin: 0; color: #3d3e3d; } .block_type_pageslider .page-carousel .page-nav ul li:before { display: none; } .block_type_pageslider .page-carousel .page-nav ul li.active { display: flex !important; } .block_type_pageslider .page-carousel .page-nav ul li a { display: none !important; } .block_type_pageslider .page-carousel .page-nav ul li .text { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; flex: 0 0 100%; margin: 0; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 24px; text-align: center; line-height: 30px; } .block_type_pageslider .page-carousel .page-nav ul li .text .title { width: 100%; flex: 0 0 100%; margin-bottom: 24px; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); } .block_type_pageslider .page-carousel .page-nav ul li .text .subtitle { width: 100%; flex: 0 0 100%; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; margin: 0; color: #fff; } .block_type_pageslider .page-carousel .page-nav ul li .text-short { width: auto; flex: 0 0 auto; display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; margin-top: 24px; } .block_type_pageslider .page-carousel .page-nav ul li .text-short:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .block_type_pageslider .page-carousel .page-nav ul li .text-short:hover { color: #fff; background: #3d3e3d; } @media (min-width: 768px) { .block_type_pageslider { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block_type_pageslider .slide-prev, .block_type_pageslider .slide-next { top: auto; bottom: 18px !important; } .block_type_pageslider .slide-prev { left: auto; right: 68px; } .block_type_pageslider .slide-next { right: 24px; } .block_type_pageslider .page-carousel { padding-bottom: 0; } .block_type_pageslider .page-carousel .page-nav ul li { height: 100% !important; padding: 24px 36px; } .block_type_pageslider .page-carousel .page-nav ul li.active { display: block !important; } .block_type_pageslider .page-carousel .page-nav ul li .text { display: block; width: auto; font-size: 30px; line-height: 36px; white-space: nowrap; } .block_type_pageslider .page-carousel .page-nav ul li .text-short { clear: left; font-size: 18px; } } @media (min-width: 992px) { .block_type_pageslider { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding: 0 12px !important; margin-bottom: 24px !important; } .block_type_pageslider .page-carousel { overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .block_type_pageslider .page-carousel .page-nav ul li { padding: 24px 39.84px; } .block_type_pageslider .page-carousel .page-nav ul li .text { font-size: 40px; line-height: normal; } .block_type_pageslider .page-carousel .page-nav ul li .text-short { font-size: 21px; } } /*.block_type_pageslider { background: @bg-3; width: 100%; min-height: 10px; padding: @grid-gutter-width/2; float: left; color: @text-color-3; .page-carousel { width: 100%; float: left; .page-img { position: relative; width: 60%; height: 100%; float: left; .slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; img { width: 100%; float: left; } a { width: 100%; height: 100%; float: left; } // Has background-image .slide-picture { background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; float: left; img { display: none; } } } .slide.show { z-index: 3; } } .page-nav { width: 40%; height: 100%; padding: 0 0 0 @grid-gutter-width/2; float: left; ul { width: 100%; height: 100%; margin: 0; float: left; list-style: none; li { width: 100%; float: left; &amp;.even { background: @even-color-3; a { color: @even-link-color-3; &amp;:hover, &amp;.active { color: @even-link-color-hover-3; } } } &amp;.odd { background: @odd-color-3; a { color: @odd-link-color-3; &amp;:hover, &amp;.active { color: @odd-link-color-hover-3; } } } a { width: 100%; height: 100%; padding: @grid-gutter-width/2; float: left; display: table; &amp;:hover, &amp;.active { text-decoration: none; } .text { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .text-short { width: 100%; height: 36px; line-height: 36px; float: left; text-align: center; display: none; } } } &amp;.items-3 { li { height: 33.333%; } } &amp;.items-4 { li { height: 25%; } } &amp;.items-5 { li { height: 20%; } } &amp;.items-6 { li { height: 16.666%; } } } } } // Slick slider .page-slider { width: 100%; float: left; .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; &amp;:focus { outline: none; } &amp;.dragging { cursor: pointer; cursor: hand; } } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; &amp;:before, &amp;:after { content: ""; display: table; } &amp;:after { clear: both; } .slick-loading &amp; { visibility: hidden; } } .slick-slide { float: left; height: 100%; min-height: 1px; [dir="rtl"] &amp; { float: right; } img { display: block; } &amp;.slick-loading img { display: none; } &amp;.dragging img { pointer-events: none; } .slick-initialized &amp; { display: block; } .slick-loading &amp; { visibility: hidden; } .slick-vertical &amp; { display: block; height: auto; border: 1px solid transparent; } } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("/img/ajax-loader.gif") center center no-repeat; } @font-face { font-family: "slick"; font-weight: normal; font-style: normal; src: url("/font/slick.eot"); src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg"); } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; text-align: center; z-index: 1; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover .fa, .slick-prev:focus .fa, .slick-next:hover .fa, .slick-next:focus .fa { opacity: 1; } .slick-prev.slick-disabled .fa, .slick-next.slick-disabled .fa { opacity: .25; } .slick-prev .fa, .slick-next .fa { font-size: 20px; line-height: 1; opacity: .75; color: #000; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { right: 0; left: auto; } .slick-next { right: 0; } [dir="rtl"] .slick-next { right: auto; left: 0; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: #000; } } } // Small devices (phones, less than 767px) @media (max-width: @screen-xs-max) { .responsive { .block_type_pageslider .page-carousel { margin-bottom: 36px; } .block_type_pageslider .page-carousel .page-img { width: 100%; } .block_type_pageslider .page-carousel .page-nav { width: 100%; min-height: 10px; padding: 0; } .block_type_pageslider .page-carousel .page-nav ul { min-height: 10px; } .block_type_pageslider .page-carousel .page-nav ul li { min-height: 10px; display: none; } .block_type_pageslider .page-carousel .page-nav ul li.active { display: block; } .block_type_pageslider .page-carousel .page-nav ul li a { padding: 0; display: block; } .block_type_pageslider .page-carousel .page-nav ul li a .text { display: none; } .block_type_pageslider .page-carousel .page-nav ul li a .text-short { display: block; } } } */ .mobile_menu_button { position: fixed; top: 15px; left: 12px; z-index: 810; } .mobile_menu_button a { display: block; width: 24px; height: 24px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/mobile-menu.svg) center no-repeat; background-size: 18px 16px; } @media (min-width: 992px) { .mobile_menu_button { display: none !important; } } .mobile_menu_container { position: fixed; top: 0; left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(29, 27, 40, 0.88); background-blend-mode: multiply; } .mobile_menu_container .closeMenuButton { position: absolute; top: 16px; left: 280px; z-index: 10; } .mobile_menu_container .closeMenuButton a { display: block; width: 14px; height: 14px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/cross-black.svg) center no-repeat; background-size: contain; } .mobile_menu_container .block_type_mobile_navigation { position: absolute; top: 0; left: 0; z-index: 5; width: 310px; height: 100%; padding-top: 42px; background: #fff; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } .mobile_menu_container .block_type_mobile_navigation &gt; .in { width: 100%; height: 100%; overflow: auto; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul { padding: 0; margin: 0; list-style: none; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li { padding: 0 24px; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li:before { display: none; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li + li { margin-top: 18px; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li.load_start ~ li span.title { line-height: 20px; font-family: "Montserrat", sans-serif; font-size: 14px; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li.load_start ~ li a { font-weight: 400; font-size: 13px; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li.load_start ~ li a.fetch-previous { font-weight: 600; font-size: 14px; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li.has_submenu a { background: url(/website/default-v2/images/icons/general/arrow-button-black.svg) 100% 50% no-repeat; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li span { display: block; width: 100%; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li span.title { line-height: 24px; font-family: "Roboto Slab", serif; font-size: 19px; font-weight: 700; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li span.next_button, .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li span.prev_button { display: none; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li span.empty { font-size: 0; text-indent: -9999px; line-height: 0; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li a { position: relative; display: block; width: 100%; line-height: 20px; font-size: 14px; font-weight: 600; color: #3d3e3d; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li a.fetch-start, .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li a.fetch-previous { color: #7caa7b; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li a.fetch-start:before, .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li a.fetch-previous:before { content: url(/website/default-v2/images/icons/general/arrow-button-green.svg); display: inline-block; transform: rotate(180deg); margin-right: 8px; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li a.fetch-start span, .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul &gt; li a.fetch-previous span { display: inline; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul.list-main { padding-bottom: 24px; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul.list-sub { padding-top: 12px; padding-bottom: 36px; -webkit-border-radius: 0 0 20px 0; -moz-border-radius: 0 0 20px 0; border-radius: 0 0 20px 0; } .mobile_menu_container .block_type_mobile_navigation &gt; .in &gt; ul.list-sub li a { color: #4a7141; } @media (min-width: 992px) { .mobile_menu_container { display: none !important; } } .checkout-data .mobile_menu_button { display: none !important; } .news_block.block_type_photo_slider .slick-slide &gt; a { background: none center no-repeat; background-size: cover; } .block_type_photo_slider .slick-slider { position: relative; display: block; padding: 0 24px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .block_type_photo_slider .slick-list { position: relative; overflow: hidden; display: block; } .block_type_photo_slider .slick-list:focus { outline: none; } .block_type_photo_slider .slick-list.dragging { cursor: hand; } .block_type_photo_slider .slick-slider .slick-track, .block_type_photo_slider .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .block_type_photo_slider .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .block_type_photo_slider .slick-track:before, .block_type_photo_slider .slick-track:after { content: ""; display: table; } .block_type_photo_slider .slick-track:after { clear: both; } .slick-loading .block_type_photo_slider .slick-track { visibility: hidden; } .block_type_photo_slider .slick-slide { float: left; height: 100%; min-height: 1px; padding: 0 12px; } [dir="rtl"] .block_type_photo_slider .slick-slide { float: right; } .block_type_photo_slider .slick-slide &gt; a { display: block; position: relative; width: 100%; padding: 0 0 67% 0; overflow: hidden; pointer-events: none; } .block_type_photo_slider .slick-slide img { display: none; position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .block_type_photo_slider .slick-slide.slick-loading img { display: none; } .block_type_photo_slider .slick-slide.dragging img { pointer-events: none; } .slick-initialized .block_type_photo_slider .slick-slide { display: block; } .slick-loading .block_type_photo_slider .slick-slide { visibility: hidden; } .slick-vertical .block_type_photo_slider .slick-slide { display: block; height: auto; border: 1px solid transparent; } .block_type_photo_slider .slick-arrow.slick-hidden { display: none; } .block_type_photo_slider .slick-loading .slick-list { background: #fff url("/img/ajax-loader.gif") center center no-repeat; } @font-face { font-family: "slick"; font-weight: normal; font-style: normal; src: url("/font/slick.eot"); src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg"); } .block_type_photo_slider .slick-prev, .block_type_photo_slider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 18px; height: 18px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; text-align: center; z-index: 1; background: none 50% 50% no-repeat; background-size: 18px 14px; } .block_type_photo_slider .slick-prev i, .block_type_photo_slider .slick-next i { display: none; } .block_type_photo_slider .slick-prev:hover, .block_type_photo_slider .slick-next:hover, .block_type_photo_slider .slick-prev:focus, .block_type_photo_slider .slick-next:focus { color: transparent; outline: none; } .block_type_photo_slider .slick-prev.slick-disabled, .block_type_photo_slider .slick-next.slick-disabled { opacity: 0.25; } .block_type_photo_slider .slick-prev { left: 0; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } .block_type_photo_slider [dir="rtl"] .slick-prev { right: 0; left: auto; } .block_type_photo_slider .slick-next { right: 0; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg); } .block_type_photo_slider [dir="rtl"] .slick-next { right: auto; left: 0; } .block_type_photo_slider .slick-dotted.slick-slider { margin-bottom: 30px; } .block_type_photo_slider .slick-dots { position: absolute; bottom: -20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .block_type_photo_slider .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 4px; padding: 0; cursor: pointer; } .block_type_photo_slider .slick-dots li:before { display: none; } .block_type_photo_slider .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; opacity: 0.4; background: #1d1b28; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_photo_slider .slick-dots li button:hover, .block_type_photo_slider .slick-dots li button:focus, .block_type_photo_slider .slick-dots li.slick-active button { outline: none; opacity: 1; } .block_type_subscribeform &gt; .wrap { position: relative; padding: 24px; overflow: hidden; background: url(/website/default-v2/images/bg-subscribe-form.jpg) center no-repeat; background-size: cover; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .block_type_subscribeform &gt; .wrap:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 100%); } .block_type_subscribeform &gt; .wrap &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: relative; z-index: 10; margin: 0; } .block_type_subscribeform .block-title h1, .block_type_subscribeform .block-title h2 { color: #fff; } .block_type_subscribeform .formbuilder .form_text { display: block; color: #fff; margin-bottom: 12px; } .block_type_subscribeform .formbuilder .form_text a { color: #fff; text-decoration: underline; } .block_type_subscribeform .formbuilder .form .grid-12-12 { padding: 0; } .block_type_subscribeform .formbuilder .form .field_type_EmailAddress { margin: 0 0 8px 0; } .block_type_subscribeform .formbuilder .form .field_type_EmailAddress input { padding: 14px; line-height: 20px; height: auto; min-height: 50px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .block_type_subscribeform .formbuilder .form .required_info_field { display: none; } .block_type_subscribeform .formbuilder .form .field_type_button input { color: #fff; background-color: #1d1b28; border-color: #121119; padding: 15px 20px; height: auto; min-height: 50px; line-height: 20px; font-weight: 600; width: 100%; border: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .block_type_subscribeform .formbuilder .form .field_type_button input:focus, .block_type_subscribeform .formbuilder .form .field_type_button input.focus { color: #fff; background-color: #07060a; border-color: #000000; } .block_type_subscribeform .formbuilder .form .field_type_button input:hover { color: #fff; background-color: #07060a; border-color: #000000; } .block_type_subscribeform .formbuilder .form .field_type_button input:active, .block_type_subscribeform .formbuilder .form .field_type_button input.active, .open &gt; .dropdown-toggle.block_type_subscribeform .formbuilder .form .field_type_button input { color: #fff; background-color: #07060a; background-image: none; border-color: #000000; } .block_type_subscribeform .formbuilder .form .field_type_button input:active:hover, .block_type_subscribeform .formbuilder .form .field_type_button input.active:hover, .open &gt; .dropdown-toggle.block_type_subscribeform .formbuilder .form .field_type_button input:hover, .block_type_subscribeform .formbuilder .form .field_type_button input:active:focus, .block_type_subscribeform .formbuilder .form .field_type_button input.active:focus, .open &gt; .dropdown-toggle.block_type_subscribeform .formbuilder .form .field_type_button input:focus, .block_type_subscribeform .formbuilder .form .field_type_button input:active.focus, .block_type_subscribeform .formbuilder .form .field_type_button input.active.focus, .open &gt; .dropdown-toggle.block_type_subscribeform .formbuilder .form .field_type_button input.focus { color: #fff; background-color: #000000; border-color: #000000; } .block_type_subscribeform .formbuilder .form .field_type_button input.disabled:hover, .block_type_subscribeform .formbuilder .form .field_type_button input[disabled]:hover, fieldset[disabled] .block_type_subscribeform .formbuilder .form .field_type_button input:hover, .block_type_subscribeform .formbuilder .form .field_type_button input.disabled:focus, .block_type_subscribeform .formbuilder .form .field_type_button input[disabled]:focus, fieldset[disabled] .block_type_subscribeform .formbuilder .form .field_type_button input:focus, .block_type_subscribeform .formbuilder .form .field_type_button input.disabled.focus, .block_type_subscribeform .formbuilder .form .field_type_button input[disabled].focus, fieldset[disabled] .block_type_subscribeform .formbuilder .form .field_type_button input.focus { background-color: #1d1b28; border-color: #121119; } .block_type_subscribeform .formbuilder .form .field_type_button input .badge { color: #1d1b28; background-color: #fff; } .block_type_subscribeform .newsletter-privacy { font-size: 12px; color: #fff; } .block_type_subscribeform .newsletter-privacy.footer { display: none; } .block_type_subscribeform .newsletter-privacy a { color: #fff !important; text-decoration: underline; } .block_type_subscribeform .newsletter-privacy a:hover { color: #7caa7b !important; } @media (min-width: 768px) { .block_type_subscribeform &gt; .wrap { padding: 30px 18px; } .block_type_subscribeform .block-title { padding: 0 18px; } .block_type_subscribeform .formbuilder .form_text { padding: 0 18px; } .block_type_subscribeform .formbuilder .form { padding: 0 18px; } } @media (min-width: 992px) { .block_type_subscribeform &gt; .wrap { padding: 48px 24px; -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .block_type_subscribeform .block-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 60px 0 24px; } .block_type_subscribeform .block-title h1, .block_type_subscribeform .block-title h2 { font-size: 32px; line-height: 40px; } .block_type_subscribeform .formbuilder &gt; .wrap &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .block_type_subscribeform .formbuilder .form_text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 60px 0 24px; margin: 0; } .block_type_subscribeform .formbuilder .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; margin: -60px 0 0 0; } .block_type_subscribeform .formbuilder .form .field_type_EmailAddress { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .block_type_subscribeform .formbuilder .form .field_type_button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .block_type_subscribeform .newsletter-privacy { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .block_type_subscribeform .newsletter-privacy a { color: #fff; text-decoration: underline; } } @media (min-width: 1200px) { .block_type_subscribeform .formbuilder .form .field_type_EmailAddress { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .block_type_subscribeform .formbuilder .form .field_type_button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } .block_type_to_top_button { display: flex; justify-content: center; align-items: center; position: fixed; top: -32px; left: 98px; z-index: 820; width: 48px; height: 32px; cursor: pointer; background: #e6bd1c; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_to_top_button &gt; .wrap { width: 12px; height: 12px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-white.svg) 50% 50% no-repeat; background-size: 12px 12px; transform: rotate(180deg); } .block_type_to_top_button &gt; .wrap * { display: none; } @media (min-width: 992px) { .block_type_to_top_button { left: 144px; } } @media (min-width: 1200px) { .block_type_to_top_button { left: 50%; margin-left: -460.8px; } } .slide_out_button { position: fixed; display: none; z-index: 99999; width: auto; height: auto; -webkit-transition: 0.5s all; transition: 0.5s all; } .slide_out_button.show .show_slide_out { display: none; } .slide_out_button.show .slide_out_content { -webkit-box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.24); } .slide_out_button.left { top: 40%; transform: translateY(-50%); } .slide_out_button.left .show_slide_out { top: 50%; left: 100%; transform: rotate(-90deg) translateX(-50%); transform-origin: top left; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; } .slide_out_button.left.show { left: 0 !important; } .slide_out_button .show_slide_out { display: block; position: absolute; width: auto; line-height: 20px; padding: 15px 24px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; white-space: nowrap; cursor: pointer; background: #e6bd1c; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; } .slide_out_button .slide_out_content { position: relative; width: 100%; height: 100%; padding: 32px 24px 24px 24px; color: #3d3e3d; background: #ffffff; } .slide_out_button .slide_out_content p { font-size: 13px; line-height: 18px; margin: 0; } .slide_out_button .slide_out_content .btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; margin-top: 24px; padding: 10px 15px; min-height: 40px; } .slide_out_button .slide_out_content .btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .slide_out_button .slide_out_content .btn:hover { color: #fff; background: #3d3e3d; } .slide_out_button .slide_out_content .close_slide_out { position: absolute; top: 12px; right: 12px; z-index: 5; width: 12px; height: 12px; cursor: pointer; background: url(/website/default-v2/images/icons/general/cross-black.svg) center no-repeat; background-size: contain; } .slide_out_button .slide_out_content .close_slide_out i { display: none; } @media (min-width: 1250px) { .slide_out_button { display: block; } } .block_type_universalslider .slick-slider, .block_type_pageslider .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .block_type_universalslider .slick-list, .block_type_pageslider .slick-list { position: relative; overflow: hidden; display: block; } .block_type_universalslider .slick-list:focus, .block_type_pageslider .slick-list:focus { outline: none; } .block_type_universalslider .slick-list.dragging, .block_type_pageslider .slick-list.dragging { cursor: pointer; cursor: hand; } .block_type_universalslider .slick-slider .slick-track, .block_type_pageslider .slick-slider .slick-track, .block_type_universalslider .slick-slider .slick-list, .block_type_pageslider .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .block_type_universalslider .slick-track, .block_type_pageslider .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; min-width: 100%; } .block_type_universalslider .slick-track:before, .block_type_pageslider .slick-track:before, .block_type_universalslider .slick-track:after, .block_type_pageslider .slick-track:after { content: ""; display: table; } .block_type_universalslider .slick-track:after, .block_type_pageslider .slick-track:after { clear: both; } .slick-loading .block_type_universalslider .slick-track, .slick-loading .block_type_pageslider .slick-track { visibility: hidden; } .block_type_universalslider .slick-slide, .block_type_pageslider .slick-slide, .block_type_universalslider .universal-slide, .block_type_pageslider .universal-slide { float: left; height: 100%; min-height: 1px; } [dir="rtl"] .block_type_universalslider .slick-slide, [dir="rtl"] .block_type_pageslider .slick-slide, [dir="rtl"] .block_type_universalslider .universal-slide, [dir="rtl"] .block_type_pageslider .universal-slide { float: right; } .block_type_universalslider .slick-slide img, .block_type_pageslider .slick-slide img, .block_type_universalslider .universal-slide img, .block_type_pageslider .universal-slide img { display: block; } .block_type_universalslider .slick-slide.slick-loading img, .block_type_pageslider .slick-slide.slick-loading img, .block_type_universalslider .universal-slide.slick-loading img, .block_type_pageslider .universal-slide.slick-loading img { display: none; } .block_type_universalslider .slick-slide.dragging img, .block_type_pageslider .slick-slide.dragging img, .block_type_universalslider .universal-slide.dragging img, .block_type_pageslider .universal-slide.dragging img { pointer-events: none; } .slick-initialized .block_type_universalslider .slick-slide, .slick-initialized .block_type_pageslider .slick-slide, .slick-initialized .block_type_universalslider .universal-slide, .slick-initialized .block_type_pageslider .universal-slide { display: block; } .slick-loading .block_type_universalslider .slick-slide, .slick-loading .block_type_pageslider .slick-slide, .slick-loading .block_type_universalslider .universal-slide, .slick-loading .block_type_pageslider .universal-slide { visibility: hidden; } .slick-vertical .block_type_universalslider .slick-slide, .slick-vertical .block_type_pageslider .slick-slide, .slick-vertical .block_type_universalslider .universal-slide, .slick-vertical .block_type_pageslider .universal-slide { display: block; height: auto; border: 1px solid transparent; } .block_type_universalslider .slick-arrow.slick-hidden, .block_type_pageslider .slick-arrow.slick-hidden { display: none; } .block_type_universalslider .slick-loading .slick-list, .block_type_pageslider .slick-loading .slick-list { background: #fff url("/img/ajax-loader.gif") center center no-repeat; } @font-face { font-family: "slick"; font-weight: normal; font-style: normal; src: url("/font/slick.eot"); src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg"); } .block_type_universalslider .slick-prev, .block_type_pageslider .slick-prev, .block_type_universalslider .slick-next, .block_type_pageslider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; text-align: center; z-index: 1; } .block_type_universalslider .slick-prev:hover, .block_type_pageslider .slick-prev:hover, .block_type_universalslider .slick-prev:focus, .block_type_pageslider .slick-prev:focus, .block_type_universalslider .slick-next:hover, .block_type_pageslider .slick-next:hover, .block_type_universalslider .slick-next:focus, .block_type_pageslider .slick-next:focus { color: transparent; outline: none; background: transparent; } .block_type_universalslider .slick-prev:hover .fa, .block_type_pageslider .slick-prev:hover .fa, .block_type_universalslider .slick-prev:focus .fa, .block_type_pageslider .slick-prev:focus .fa, .block_type_universalslider .slick-next:hover .fa, .block_type_pageslider .slick-next:hover .fa, .block_type_universalslider .slick-next:focus .fa, .block_type_pageslider .slick-next:focus .fa { opacity: 1; } .block_type_universalslider .slick-prev.slick-disabled .fa, .block_type_pageslider .slick-prev.slick-disabled .fa, .block_type_universalslider .slick-next.slick-disabled .fa, .block_type_pageslider .slick-next.slick-disabled .fa { opacity: 0.25; } .block_type_universalslider .slick-prev .fa, .block_type_pageslider .slick-prev .fa, .block_type_universalslider .slick-next .fa, .block_type_pageslider .slick-next .fa { font-size: 20px; line-height: 1; opacity: 0.75; color: #000; } .block_type_universalslider .slick-prev, .block_type_pageslider .slick-prev { left: 0; } .block_type_universalslider [dir="rtl"] .slick-prev, .block_type_pageslider [dir="rtl"] .slick-prev { right: 0; left: auto; } .block_type_universalslider .slick-next, .block_type_pageslider .slick-next { right: 0; } .block_type_universalslider [dir="rtl"] .slick-next, .block_type_pageslider [dir="rtl"] .slick-next { right: auto; left: 0; } .block_type_universalslider .slick-dotted.slick-slider, .block_type_pageslider .slick-dotted.slick-slider { margin-bottom: 30px; } .block_type_universalslider .slick-dots, .block_type_pageslider .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .block_type_universalslider .slick-dots li, .block_type_pageslider .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .block_type_universalslider .slick-dots li button, .block_type_pageslider .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .block_type_universalslider .slick-dots li button:hover, .block_type_pageslider .slick-dots li button:hover, .block_type_universalslider .slick-dots li button:focus, .block_type_pageslider .slick-dots li button:focus { outline: none; } .block_type_universalslider .slick-dots li button:hover:before, .block_type_pageslider .slick-dots li button:hover:before, .block_type_universalslider .slick-dots li button:focus:before, .block_type_pageslider .slick-dots li button:focus:before { opacity: 1; } .block_type_universalslider .slick-dots li button:before, .block_type_pageslider .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .block_type_universalslider .slick-dots li.slick-active button:before, .block_type_pageslider .slick-dots li.slick-active button:before { opacity: 0.75; color: #000; } .block_type_universalslider .block-title h2, .block_type_pageslider .block-title h2 { margin-bottom: 0; line-height: 32px; } .block_type_universalslider .block-text, .block_type_pageslider .block-text { margin-top: 8px; margin-bottom: 48px; } .block_type_universalslider.brand-slider &gt; .wrap, .block_type_pageslider.brand-slider &gt; .wrap { position: relative; } .block_type_universalslider.brand-slider a, .block_type_pageslider.brand-slider a { display: block; text-align: center; } .block_type_universalslider.brand-slider a:hover .slide-picture img, .block_type_pageslider.brand-slider a:hover .slide-picture img { filter: grayscale(0); opacity: 1; } .block_type_universalslider.brand-slider .slick-slider, .block_type_pageslider.brand-slider .slick-slider { position: static; } .block_type_universalslider.brand-slider .slide-picture img, .block_type_pageslider.brand-slider .slide-picture img { display: inline-block; filter: grayscale(1); opacity: 0.5; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_universalslider.brand-slider .slick-prev, .block_type_pageslider.brand-slider .slick-prev, .block_type_universalslider.brand-slider .slick-next, .block_type_pageslider.brand-slider .slick-next { top: 6px !important; } .block_type_universalslider.brand-slider .btn-primary, .block_type_pageslider.brand-slider .btn-primary { font-family: "Roboto Slab", serif; background-color: #7caa7b; height: 48px; margin-top: 3px; margin-bottom: 3px; padding-top: 0; padding-bottom: 0; border: none; font-size: 16px; font-weight: 700; line-height: 48px; -webkit-border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; border-bottom-right-radius: 16px; -webkit-border-top-left-radius: 16px; -moz-border-radius-topleft: 16px; border-top-left-radius: 16px; } .block_type_universalslider.slider-brands-vari, .block_type_pageslider.slider-brands-vari { padding: 0 !important; } .block_type_universalslider.slider-brands-vari &gt; .wrap, .block_type_pageslider.slider-brands-vari &gt; .wrap { position: relative; } .block_type_universalslider.slider-brands-vari .block-title, .block_type_pageslider.slider-brands-vari .block-title { padding: 0 16px; } .block_type_universalslider.slider-brands-vari .block-text, .block_type_pageslider.slider-brands-vari .block-text { padding: 0 16px; } .block_type_universalslider.slider-brands-vari .block-content, .block_type_pageslider.slider-brands-vari .block-content { padding: 0 8px; } .block_type_universalslider.slider-brands-vari .block-content .slick-slide, .block_type_pageslider.slider-brands-vari .block-content .slick-slide, .block_type_universalslider.slider-brands-vari .block-content .universal-slide, .block_type_pageslider.slider-brands-vari .block-content .universal-slide { padding: 0 8px; } .block_type_universalslider.slider-brands-vari a, .block_type_pageslider.slider-brands-vari a { display: block; text-align: center; } .block_type_universalslider.slider-brands-vari a:hover .slide-picture img, .block_type_pageslider.slider-brands-vari a:hover .slide-picture img { filter: grayscale(0); opacity: 1; } .block_type_universalslider.slider-brands-vari .slick-slider, .block_type_pageslider.slider-brands-vari .slick-slider { position: static; } .block_type_universalslider.slider-brands-vari .slide-picture img, .block_type_pageslider.slider-brands-vari .slide-picture img { display: inline-block; filter: grayscale(1); opacity: 0.5; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_universalslider.slider-brands-vari .slick-prev, .block_type_pageslider.slider-brands-vari .slick-prev, .block_type_universalslider.slider-brands-vari .slick-next, .block_type_pageslider.slider-brands-vari .slick-next { top: 6px !important; margin-right: 16px; } .block_type_universalslider.slider-brands-vari .btn-primary, .block_type_pageslider.slider-brands-vari .btn-primary { font-family: "Roboto Slab", serif; background-color: #7caa7b; height: 48px; margin-top: 3px; margin-bottom: 3px; padding-top: 0; padding-bottom: 0; border: none; font-size: 16px; font-weight: 700; line-height: 48px; -webkit-border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; border-bottom-right-radius: 16px; -webkit-border-top-left-radius: 16px; -moz-border-radius-topleft: 16px; border-top-left-radius: 16px; } @media (min-width: 768px) { .block_type_universalslider.slider-brands-vari .block-title, .block_type_pageslider.slider-brands-vari .block-title { padding: 0 12px; } .block_type_universalslider.slider-brands-vari .block-text, .block_type_pageslider.slider-brands-vari .block-text { padding: 0 12px; } .block_type_universalslider.slider-brands-vari .block-content, .block_type_pageslider.slider-brands-vari .block-content { padding: 0; } .block_type_universalslider.slider-brands-vari .block-content .slick-slide, .block_type_pageslider.slider-brands-vari .block-content .slick-slide, .block_type_universalslider.slider-brands-vari .block-content .universal-slide, .block_type_pageslider.slider-brands-vari .block-content .universal-slide { padding: 0 12px; } .block_type_universalslider.slider-brands-vari .slick-prev, .block_type_pageslider.slider-brands-vari .slick-prev, .block_type_universalslider.slider-brands-vari .slick-next, .block_type_pageslider.slider-brands-vari .slick-next { margin-right: 12px; } } .block_type_universalslider.category-slider, .block_type_pageslider.category-slider { margin-top: 48px; } .block_type_universalslider.category-slider .slick-slider, .block_type_pageslider.category-slider .slick-slider { max-width: 400px; margin-left: auto; margin-right: auto; padding-top: 14px; } .block_type_universalslider.category-slider .slick-slide, .block_type_pageslider.category-slider .slick-slide, .block_type_universalslider.category-slider .universal-slide, .block_type_pageslider.category-slider .universal-slide { padding: 0 8px; } .block_type_universalslider.category-slider .slick-prev, .block_type_pageslider.category-slider .slick-prev, .block_type_universalslider.category-slider .slick-next, .block_type_pageslider.category-slider .slick-next { top: 0; width: 18px; height: 14px; } .block_type_universalslider.category-slider .slick-prev.slick-disabled, .block_type_pageslider.category-slider .slick-prev.slick-disabled, .block_type_universalslider.category-slider .slick-next.slick-disabled, .block_type_pageslider.category-slider .slick-next.slick-disabled { filter: alpha(opacity=25); opacity: 0.25; } .block_type_universalslider.category-slider .slick-prev .fa, .block_type_pageslider.category-slider .slick-prev .fa, .block_type_universalslider.category-slider .slick-next .fa, .block_type_pageslider.category-slider .slick-next .fa { display: none; } .block_type_universalslider.category-slider .slick-prev, .block_type_pageslider.category-slider .slick-prev { background: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg) 0 0 no-repeat; } .block_type_universalslider.category-slider .slick-next, .block_type_pageslider.category-slider .slick-next { background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) 0 0 no-repeat; } .block_type_universalslider.category-slider img, .block_type_pageslider.category-slider img { display: inline-block; } .block_type_universalslider.category-slider span, .block_type_pageslider.category-slider span { margin: 3px 0; display: inline-block; } .block_type_universalslider.category-slider .btn-primary, .block_type_pageslider.category-slider .btn-primary { font-family: "Roboto Slab", serif; background-color: #7caa7b; padding: 12px 16px 12px 12px; border: none; font-size: 12px; display: block; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .block_type_universalslider.slider-recommended-filters, .block_type_pageslider.slider-recommended-filters { padding: 0 !important; } .block_type_universalslider.slider-recommended-filters .block-title, .block_type_pageslider.slider-recommended-filters .block-title { display: none; } .block_type_universalslider.slider-recommended-filters .block-text, .block_type_pageslider.slider-recommended-filters .block-text { margin: 0 0 8px 0 !important; padding: 0 16px; } .block_type_universalslider.slider-recommended-filters .block-text p, .block_type_pageslider.slider-recommended-filters .block-text p { text-align: left; font-size: 14px; font-weight: 600; line-height: 20px; } .block_type_universalslider.slider-recommended-filters .block-content, .block_type_pageslider.slider-recommended-filters .block-content { padding: 0 8px; } .block_type_universalslider.slider-recommended-filters .slick-slide, .block_type_pageslider.slider-recommended-filters .slick-slide, .block_type_universalslider.slider-recommended-filters .universal-slide, .block_type_pageslider.slider-recommended-filters .universal-slide { padding: 0 8px; } .block_type_universalslider.slider-recommended-filters .slick-prev, .block_type_pageslider.slider-recommended-filters .slick-prev, .block_type_universalslider.slider-recommended-filters .slick-next, .block_type_pageslider.slider-recommended-filters .slick-next { top: -26px !important; width: 18px; height: 14px; } .block_type_universalslider.slider-recommended-filters .slick-prev.slick-disabled, .block_type_pageslider.slider-recommended-filters .slick-prev.slick-disabled, .block_type_universalslider.slider-recommended-filters .slick-next.slick-disabled, .block_type_pageslider.slider-recommended-filters .slick-next.slick-disabled { filter: alpha(opacity=25); opacity: 0.25; } .block_type_universalslider.slider-recommended-filters .slick-prev .fa, .block_type_pageslider.slider-recommended-filters .slick-prev .fa, .block_type_universalslider.slider-recommended-filters .slick-next .fa, .block_type_pageslider.slider-recommended-filters .slick-next .fa { display: none; } .block_type_universalslider.slider-recommended-filters .slick-prev, .block_type_pageslider.slider-recommended-filters .slick-prev { background: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg) 0 0 no-repeat; } .block_type_universalslider.slider-recommended-filters .slick-next, .block_type_pageslider.slider-recommended-filters .slick-next { background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) 0 0 no-repeat; } .block_type_universalslider.slider-recommended-filters img, .block_type_pageslider.slider-recommended-filters img { display: inline-block; } .block_type_universalslider.slider-recommended-filters span, .block_type_pageslider.slider-recommended-filters span { margin: 3px 0; display: inline-block; } .block_type_universalslider.slider-recommended-filters .btn-primary, .block_type_pageslider.slider-recommended-filters .btn-primary { display: block; line-height: 16px; padding: 12px 16px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 400; color: #3d3e3d; border: none; background-color: #f0f0f0; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .block_type_universalslider.slider-recommended-filters .btn-primary:hover, .block_type_pageslider.slider-recommended-filters .btn-primary:hover { color: #fff; background: #7caa7b; } .block_type_universalslider.slider-uni-categories, .block_type_pageslider.slider-uni-categories { padding: 0 !important; } .block_type_universalslider.slider-uni-categories &gt; .wrap, .block_type_pageslider.slider-uni-categories &gt; .wrap { max-height: 48px; overflow: hidden; } .block_type_universalslider.slider-uni-categories .block-title, .block_type_pageslider.slider-uni-categories .block-title { display: none; } .block_type_universalslider.slider-uni-categories .block-text, .block_type_pageslider.slider-uni-categories .block-text { margin: 0 0 8px 0 !important; padding: 0 16px; } .block_type_universalslider.slider-uni-categories .block-text p, .block_type_pageslider.slider-uni-categories .block-text p { text-align: left; font-size: 14px; font-weight: 600; line-height: 20px; } .block_type_universalslider.slider-uni-categories .block-content, .block_type_pageslider.slider-uni-categories .block-content { padding: 0 8px; } .block_type_universalslider.slider-uni-categories .slick-slide, .block_type_pageslider.slider-uni-categories .slick-slide, .block_type_universalslider.slider-uni-categories .universal-slide, .block_type_pageslider.slider-uni-categories .universal-slide { padding: 0 8px; } .block_type_universalslider.slider-uni-categories .slick-prev, .block_type_pageslider.slider-uni-categories .slick-prev, .block_type_universalslider.slider-uni-categories .slick-next, .block_type_pageslider.slider-uni-categories .slick-next { top: -26px !important; width: 18px; height: 14px; } .block_type_universalslider.slider-uni-categories .slick-prev.slick-disabled, .block_type_pageslider.slider-uni-categories .slick-prev.slick-disabled, .block_type_universalslider.slider-uni-categories .slick-next.slick-disabled, .block_type_pageslider.slider-uni-categories .slick-next.slick-disabled { filter: alpha(opacity=25); opacity: 0.25; } .block_type_universalslider.slider-uni-categories .slick-prev .fa, .block_type_pageslider.slider-uni-categories .slick-prev .fa, .block_type_universalslider.slider-uni-categories .slick-next .fa, .block_type_pageslider.slider-uni-categories .slick-next .fa { display: none; } .block_type_universalslider.slider-uni-categories .slick-prev, .block_type_pageslider.slider-uni-categories .slick-prev { background: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg) 0 0 no-repeat; } .block_type_universalslider.slider-uni-categories .slick-next, .block_type_pageslider.slider-uni-categories .slick-next { background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) 0 0 no-repeat; } .block_type_universalslider.slider-uni-categories img, .block_type_pageslider.slider-uni-categories img { display: inline-block; } .block_type_universalslider.slider-uni-categories span, .block_type_pageslider.slider-uni-categories span { margin: 3px 0; display: inline-block; } .block_type_universalslider.slider-uni-categories .btn-primary, .block_type_pageslider.slider-uni-categories .btn-primary { display: block; line-height: 16px; padding: 12px 16px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 400; color: #fff; border: none; background-color: #7caa7b; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .block_type_universalslider.slider-uni-categories .btn-primary:hover, .block_type_pageslider.slider-uni-categories .btn-primary:hover { color: #fff; background: #4a7141; } .frontpage .block_type_universalslider .block-title, .frontpage .block_type_pageslider .block-title { text-align: center; } .frontpage .block_type_universalslider .block-text, .frontpage .block_type_pageslider .block-text { text-align: center; } .shop_frontpage_columns { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; width: 100%; flex: 0 0 100%; } .shop_frontpage_columns .column { width: 100%; margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; max-width: 100%; margin-bottom: 12px; } @media (min-width: 768px) { .shop_frontpage_columns .column { max-width: 720px; } } @media (min-width: 992px) { .shop_frontpage_columns .column { max-width: 960px; } } @media (min-width: 1200px) { .shop_frontpage_columns .column { max-width: 1140px; } } @media (min-width: 1440px) { .shop_frontpage_columns .column { max-width: 1400px; } } @media (min-width: 768px) { .shop_frontpage_columns .column { max-width: 100%; } } @media (min-width: 992px) { .shop_frontpage_columns .column { padding-right: 24px; } } @media (min-width: 1200px) { .shop_frontpage_columns .column { max-width: 1152px; } } @media (min-width: 1440px) { .shop_frontpage_columns .column { max-width: 1152px; } } .shop_frontpage_columns .column &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0; } @media (min-width: 768px) { .shop_frontpage_columns .column { margin-bottom: 16px; } .shop_frontpage_columns .column.colspan1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .shop_frontpage_columns .column.colspan2, .shop_frontpage_columns .column.colspan3, .shop_frontpage_columns .column.colspan4 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .shop_frontpage_columns .column { margin-bottom: 36px; } .shop_frontpage_columns .column.colspan1 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0; } .shop_frontpage_columns .column.colspan2 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0; } .shop_frontpage_columns .column.colspan3 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding: 0; } .shop_frontpage_columns .column.colspan4 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .shop_frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .block-content:hover, .shop_frontpage_columns .column .block_type_webshop_featuredproducts .block-content:hover, .shop_frontpage_columns .column .block_type_webshop_popularfeaturedproducts .block-content:hover { padding-bottom: 300px; margin-bottom: -300px; } .shop_frontpage_columns .column .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .shop_frontpage_columns .column .block_type_webshop_featuredproducts .webshop_products, .shop_frontpage_columns .column .block_type_webshop_popularfeaturedproducts .webshop_products { padding: 0; } } .shop_frontpage_block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 24px 0; padding: 0 16px; } .shop_frontpage_block &gt; a { width: 100%; margin: 0; color: #3d3e3d; } .shop_frontpage_block &gt; a &gt; .wrap, .shop_frontpage_block &gt; .wrap { width: 100%; background: none center no-repeat; background-size: cover; } .shop_frontpage_block &gt; a &gt; .wrap &gt; .in, .shop_frontpage_block &gt; .wrap &gt; .in { width: 100%; } .shop_frontpage_block .block-title { width: 100%; } .shop_frontpage_block .block-image { width: 100%; padding: 0 0 100% 0; background: none center no-repeat; background-size: cover; } .shop_frontpage_block .block-image img { display: none; } .shop_frontpage_block .block-content { width: 100%; } .shop_frontpage_block.block_type_universalslider .block-text, .shop_frontpage_block.block_type_pageslider .block-text { margin-bottom: 24px; } .shop_frontpage_block.block_type_universalslider .block-content .slick-prev, .shop_frontpage_block.block_type_pageslider .block-content .slick-prev, .shop_frontpage_block.block_type_universalslider .block-content .slick-next, .shop_frontpage_block.block_type_pageslider .block-content .slick-next { top: -78px; width: 18px; height: 14px; margin-top: 3px; transform: translate(0); background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) 50% 50% no-repeat; background-size: 18px 14px; } .shop_frontpage_block.block_type_universalslider .block-content .slick-prev i, .shop_frontpage_block.block_type_pageslider .block-content .slick-prev i, .shop_frontpage_block.block_type_universalslider .block-content .slick-next i, .shop_frontpage_block.block_type_pageslider .block-content .slick-next i { display: none; } .shop_frontpage_block.block_type_universalslider .block-content .slick-prev.slick-disabled, .shop_frontpage_block.block_type_pageslider .block-content .slick-prev.slick-disabled, .shop_frontpage_block.block_type_universalslider .block-content .slick-next.slick-disabled, .shop_frontpage_block.block_type_pageslider .block-content .slick-next.slick-disabled { visibility: hidden; } .shop_frontpage_block.block_type_universalslider .block-content .slick-prev, .shop_frontpage_block.block_type_pageslider .block-content .slick-prev { left: auto; right: 26px; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } @media (min-width: 768px) { .shop_frontpage_block { padding: 0 12px; } .shop_frontpage_block.block_25, .shop_frontpage_block.block_33, .shop_frontpage_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .shop_frontpage_block.block_66, .shop_frontpage_block.block_75 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .shop_frontpage_block.block_25 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .shop_frontpage_block.block_33 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .shop_frontpage_block.block_50 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .shop_frontpage_block.block_66 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .shop_frontpage_block.block_75 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .shop_frontpage_block.block_type_webshop_chosenviewedpopularcategories .webshop_products .product, .shop_frontpage_block.block_type_webshop_popularfeaturedproducts .webshop_products .product, .shop_frontpage_block.block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .shop_frontpage_block.block_type_webshop_categoryproducts .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .shop_frontpage_block.block_type_webshop_chosenviewedpopularcategories.slider-of-categories .webshop_products .product, .shop_frontpage_block.block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product, .shop_frontpage_block.block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .shop_frontpage_block.block_type_webshop_categoryproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .shop_frontpage_block.block-text-bg &gt; .wrap &gt; .in { max-width: 50%; } } #ajax_content { width: 100%; } .webshop-products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .webshop-products.has-header-pictures { position: relative; z-index: 60; margin-top: -48px; } .webshop-products.has-header-pictures .page-title { padding-top: 24px; background: #fff; -webkit-border-radius: 24px 24px 0 0; -moz-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0; } .webshop-products.has-header-pictures .shop_frontpage_columns .column:first-child &gt; .in { padding-top: 24px; background: #fff; -webkit-border-radius: 24px 24px 0 0; -moz-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0; } .webshop-products .page-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 16px; } .webshop-products .page-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 36px; padding: 0 16px; } .webshop-products .page-text h2 { margin-bottom: 16px; } .webshop-products .page-text h3 { margin-bottom: 8px; font-size: 14px; } .webshop-products .page-text * { max-width: 742px; } .webshop-products .page-text iframe { max-width: 100%; } .webshop-products .product-navigation-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 12px 0; padding: 0 8px; } .webshop-products .product-navigation-container .page-information { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0; margin: 0; } .webshop-products .product-navigation-container .page-information .product-count { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; display: flex; flex-wrap: nowrap; font-size: 14px; line-height: 20px; padding: 0 8px 0 0; } .webshop-products .product-navigation-container .page-information .product-count span { display: none; } .webshop-products .product-navigation-container .page-information .product-count span:nth-child(1n+5) { display: block; margin-right: 6px; } .webshop-products .product-navigation-container .page-information .product-page-limit, .webshop-products .product-navigation-container .page-information .product-page-sort { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin: 0; padding: 0 8px; } .webshop-products .product-navigation-container .page-information .product-page-limit label, .webshop-products .product-navigation-container .page-information .product-page-sort label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; font-size: 14px; line-height: 20px; padding-left: 0; } .webshop-products .product-navigation-container .page-information .product-page-limit label span:nth-child(2), .webshop-products .product-navigation-container .page-information .product-page-sort label span:nth-child(2) { display: none; } .webshop-products .product-navigation-container .page-information .product-page-limit select, .webshop-products .product-navigation-container .page-information .product-page-sort select { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; max-width: 120px; height: auto; min-height: 20px; line-height: 20px; padding: 0 20px 0 0; border: 0; font-size: 14px; font-weight: 600; background: url(/website/default-v2/images/icons/general/arrow-dropdown-black.svg) 100% 50% no-repeat; background-size: 12px 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .webshop-products .product-navigation-container .page-information .product-page-sort { position: relative; } .webshop-products .product-navigation-container .page-information .product-page-sort label { display: none; } .webshop-products .product-navigation-container .page-information .product-page-sort:before { content: "\f161"; font-family: "fontAwesome"; display: block; position: absolute; top: 0; left: 8px; z-index: 5; width: 10px; line-height: 20px; } .webshop-products .product-navigation-container .page-information .product-page-sort select { margin-left: 16px; } .webshop-products .product-navigation-container .page-information .product-page-limit { display: none; } .webshop-products .product-navigation-container .page-information #compare-button { display: none; } .webshop-products .product-navigation-container #page-view { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: row-reverse !important; margin: 0 0 0 auto; padding: 0; } .webshop-products .product-navigation-container #page-view.list-view-active ul li:nth-child(1) { display: none; } .webshop-products .product-navigation-container #page-view.list-view-active ul li:nth-child(2) { display: block; } .webshop-products .product-navigation-container #page-view ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: row-reverse !important; list-style: none; margin: 0; } .webshop-products .product-navigation-container #page-view ul li { line-height: 20px; padding-left: 0; } .webshop-products .product-navigation-container #page-view ul li:before { display: none; } .webshop-products .product-navigation-container #page-view ul li a { display: block; width: 16px; height: 16px; margin: 2px 0 2px 8px; background: url(/website/default-v2/images/icons/general/view-list.svg) 50% 50% no-repeat; background-size: 16px 16px; -webkit-transition: all all; transition: all all; } .webshop-products .product-navigation-container #page-view ul li i { display: none; } .webshop-products .product-navigation-container #page-view ul li:nth-child(1) { display: block; } .webshop-products .product-navigation-container #page-view ul li:nth-child(2) { display: none; } .webshop-products .product-navigation-container #page-view ul li:nth-child(2) a { background-image: url(/website/default-v2/images/icons/general/view-tile.svg); } .webshop-products .product-navigation-container #page-view #page-view-title { display: none; line-height: 20px; } .webshop-products .product-navigation-container .pagination { display: none; } .webshop-products .products-overview { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; margin: 0 0 24px 0; padding: 0 8px; } .webshop-products .products-overview .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 16px; padding: 0 8px; } .webshop-products .products-overview .product .desc { display: none !important; } .webshop-products .products-overview .product.list-view { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 6px; } .webshop-products .products-overview .product.list-view.has_old_price a { padding-bottom: 76px; } .webshop-products .products-overview .product.list-view.has_action_overlay a { min-height: 180px; } .webshop-products .products-overview .product.list-view.has_action_overlay .picture, .webshop-products .products-overview .product.list-view.has_action_overlay .picture-popup { margin-top: 40px !important; } .webshop-products .products-overview .product.list-view.has_action_overlay .in_stock_label, .webshop-products .products-overview .product.list-view.has_action_overlay .limited_stock_label, .webshop-products .products-overview .product.list-view.has_action_overlay .extra-text { top: 136px; } .webshop-products .products-overview .product.list-view a { min-height: 140px; padding: 36px 12px 60px 104px; } .webshop-products .products-overview .product.list-view .picture, .webshop-products .products-overview .product.list-view .picture-popup { position: relative; width: 80px !important; height: 80px !important; padding-bottom: 0; margin-top: 0; overflow: hidden; } .webshop-products .products-overview .product.list-view .picture img, .webshop-products .products-overview .product.list-view .picture-popup img { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: auto !important; max-width: 100%; height: auto !important; max-height: 100%; } .webshop-products .products-overview .product.list-view .overview-rating { top: 16px; left: 104px; margin-top: 0; } .webshop-products .products-overview .product.list-view .name { margin-top: 0; } .webshop-products .products-overview .product.list-view .desc { display: -webkit-box !important; } .webshop-products .products-overview .product.list-view .wishlist_btn { top: 12px; right: 12px; } .webshop-products .products-overview .product.list-view .price_old, .webshop-products .products-overview .product.list-view .from-text { left: 104px; } .webshop-products .products-overview .product.list-view .price { left: 104px; } .webshop-products .products-overview .product.list-view .pro-left { position: absolute; top: 12px; left: 12px; z-index: 5; } .webshop-products .products-overview .product.list-view .in_stock_label, .webshop-products .products-overview .product.list-view .limited_stock_label, .webshop-products .products-overview .product.list-view .extra-text { display: block; top: 96px; left: 12px; bottom: auto; width: 80px; text-align: center; } .webshop-products .products-overview .product.list-view .extra-text { font-size: 10px; } .webshop-products .products-overview .product.list-view .hover-series-block .series-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 6px; margin: 0; } .webshop-products .products-overview .product.list-view .hover-series-block .series-row .hover-series-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center; align-content: center; align-items: center; margin: 8px 8px 0 0; overflow: hidden; border: 1px solid #f5f5f5; } .webshop-products .products-overview .product.list-view .hover-series-block .series-row .hover-series-item img { max-width: 40px; max-height: 40px; } .webshop-products .pagination { margin: 12px 0; } @media (min-width: 768px) { .webshop-products .product-navigation-container { padding: 0 12px; } .webshop-products .products-overview { padding: 0; } .webshop-products .products-overview .product { padding: 0 12px; margin-bottom: 24px; } .webshop-products .products-overview .product .desc { display: -webkit-box !important; } .webshop-products .products-overview .product.list-view { padding: 0 12px; } .webshop-products .products-overview .product.list-view.has_action_overlay .picture, .webshop-products .products-overview .product.list-view.has_action_overlay .picture-popup { margin-top: 0 !important; } .webshop-products .products-overview .product.list-view a { min-height: 236px !important; padding: 36px 224px 16px 236px !important; } .webshop-products .products-overview .product.list-view .picture, .webshop-products .products-overview .product.list-view .picture-popup { top: 16px; right: 16px; width: 200px !important; height: 200px !important; } .webshop-products .products-overview .product.list-view .overview-rating { left: 236px; } .webshop-products .products-overview .product.list-view .price_old, .webshop-products .products-overview .product.list-view .from-text { left: 0; bottom: 115px; } .webshop-products .products-overview .product.list-view .price { left: 0; bottom: 90px; } .webshop-products .products-overview .product.list-view .direct_order { width: 200px; padding: 0 0 0 54px; font-size: 14px; text-indent: 0; font-weight: 600; color: #fff; line-height: 48px; text-align: left; background-position: 20px 50%; } .webshop-products .products-overview .product.list-view .wishlist_btn { top: 16px; right: 16px; } .webshop-products .products-overview .product.list-view .in_stock_label, .webshop-products .products-overview .product.list-view .limited_stock_label, .webshop-products .products-overview .product.list-view .extra-text { top: auto !important; left: auto; right: 16px; bottom: 56px; width: auto; white-space: nowrap; } .webshop-products .products-overview .product.list-view .extra-text { font-size: 12px; } .webshop-products .products-overview .product.list-view .not_in_stock_label { width: 200px; padding: 0 0 0 44px; font-size: 14px; text-indent: 0; font-weight: 600; color: #fff; line-height: 48px; text-align: left; background-position: 16px 50%; } .webshop-products .products-overview .product.list-view .pro-right { position: absolute; top: 0; right: 0; z-index: 5; width: 200px; height: 100%; } } @media (min-width: 992px) { .webshop-products { padding-left: 0; } .webshop-products.has-header-pictures { position: static; z-index: auto; margin-top: 0; } .webshop-products.has-header-pictures .page-title { margin: 0; padding-top: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .webshop-products.has-header-pictures .shop_frontpage_columns { margin: 0; } .webshop-products.has-header-pictures .shop_frontpage_columns .column:first-child &gt; .in { padding-top: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .webshop-products .page-title { padding: 0 12px; margin-top: 16px; } .webshop-products .page-text { padding: 0 12px; } .webshop-products .page-text h3 { font-size: 16px; } .webshop-products .product-navigation-container { padding: 0 12px; } .webshop-products .product-navigation-container .page-information .product-page-limit, .webshop-products .product-navigation-container .page-information .product-page-sort { margin-left: 16px; } .webshop-products .product-navigation-container .page-information .product-page-sort label { display: inline-block; } .webshop-products .product-navigation-container .page-information .product-page-sort:before { display: none; } .webshop-products .product-navigation-container .page-information .product-page-sort select { margin-left: 0; } .webshop-products .product-navigation-container .page-information .product-page-limit { display: flex; } .webshop-products .product-navigation-container .page-information #compare-button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin-left: auto; } .webshop-products .product-navigation-container #page-view #page-view-title { display: block; } .webshop-products .product-navigation-container #page-view.list-view-active ul li:nth-child(1) { display: block; } .webshop-products .product-navigation-container #page-view.list-view-active ul li:nth-child(1) a { opacity: 1; } .webshop-products .product-navigation-container #page-view.list-view-active ul li:nth-child(2) { display: block; } .webshop-products .product-navigation-container #page-view.list-view-active ul li:nth-child(2) a { opacity: 0.4; } .webshop-products .product-navigation-container #page-view.list-view-active ul li:nth-child(2) a:hover { opacity: 1; } .webshop-products .product-navigation-container #page-view ul li:nth-child(1) { display: block; } .webshop-products .product-navigation-container #page-view ul li:nth-child(1) a { opacity: 0.4; } .webshop-products .product-navigation-container #page-view ul li:nth-child(1) a:hover { opacity: 1; } .webshop-products .product-navigation-container #page-view ul li:nth-child(2) { display: block; } .webshop-products .products-overview { padding: 0; } .webshop-products .products-overview .product:not(.list-view):hover { position: relative; z-index: 30; } .webshop-products .products-overview .product:not(.list-view):hover a { width: 100% !important; max-width: 100% !important; } .webshop-products .products-overview .product:not(.list-view):hover .in_stock_label { display: block; } } @media (min-width: 1200px) { .webshop-products { padding-right: 0; } .webshop-products .product-navigation-container .page-information .product-page-limit, .webshop-products .product-navigation-container .page-information .product-page-sort { margin-left: 24px; } } .webshop_frontpage #container .column_wrapper .placeholder-left { display: none; } @media (min-width: 992px) { .webshop_frontpage #container .column_wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .webshop_frontpage #container .column_wrapper &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: row-reverse !important; margin: 0; width: 100%; max-width: 1152px; } .webshop_frontpage #container .column_wrapper .main_column { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .webshop_frontpage #container .column_wrapper .placeholder-left { display: block; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .webshop_frontpage #container .column_wrapper .placeholder-left.has-header-pictures { position: relative; z-index: 60; margin-top: -70px; } .webshop_frontpage #container .column_wrapper.disable_left.disable_right .main_column { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; width: 100%; max-width: 1152px; } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper .main_column { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper .placeholder-left { display: none; } @media (min-width: 992px) { .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper.disable_left.disable_right .main_column { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper &gt; .in { flex-direction: row-reverse !important; } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper .main_column { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding: 0; } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper .placeholder-left { display: block; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .webshop:not(.webshop-product,.webshop_frontpage) #container .column_wrapper .placeholder-left.has-header-pictures { position: relative; z-index: 60; margin-top: -70px; } } @media (min-width: 768px) { .webshop_products.columns4 .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } .webshop_products .product, .slick-slide .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .webshop_products .product:hover, .slick-slide .product:hover { position: relative; z-index: 20; } .webshop_products .product.has_old_price .price, .slick-slide .product.has_old_price .price { color: #ef8a17; } .webshop_products .product.has_old_price .direct_order, .slick-slide .product.has_old_price .direct_order { background-color: #ef8a17; } .webshop_products .product &gt; .wrap, .slick-slide .product &gt; .wrap { height: 100% !important; min-height: 100%; max-height: 100%; } .webshop_products .product.has_text a, .slick-slide .product.has_text a { padding-bottom: 106px; } .webshop_products .product a, .slick-slide .product a { left: auto !important; top: auto !important; position: relative !important; display: block; width: 100% !important; height: 100% !important; padding: 24px 16px 90px 16px; margin: 0 !important; color: #3d3e3d; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } .webshop_products .product a.with-hover:hover .picture, .slick-slide .product a.with-hover:hover .picture { display: none; } .webshop_products .product a.with-hover:hover .picture-popup, .slick-slide .product a.with-hover:hover .picture-popup { display: block !important; } .webshop_products .product .overlay, .slick-slide .product .overlay { position: absolute; z-index: 10; } .webshop_products .product .overlay.topleft, .slick-slide .product .overlay.topleft { top: 8px; left: 8px; } .webshop_products .product .overlay.topright, .slick-slide .product .overlay.topright { top: 0; right: 0; } .webshop_products .product .overlay.bottomleft, .slick-slide .product .overlay.bottomleft { top: 40px; left: 0; width: 100%; padding: 0 0 75% 0; } .webshop_products .product .overlay.bottomleft img, .slick-slide .product .overlay.bottomleft img { position: absolute; left: 0; bottom: 0; z-index: 1; } .webshop_products .product .overlay.bottomright, .slick-slide .product .overlay.bottomright { top: 0; left: 0; width: 100%; padding: 0 0 75% 0; } .webshop_products .product .overlay.bottomright img, .slick-slide .product .overlay.bottomright img { position: absolute; right: 0; bottom: 0; z-index: 1; } .webshop_products .product .picture, .slick-slide .product .picture, .webshop_products .product .picture-popup, .slick-slide .product .picture-popup { display: block; width: 100% !important; height: auto !important; padding: 0 0 75% 0; margin-top: 40px; background: none center no-repeat; background-size: contain; } .webshop_products .product .picture img, .slick-slide .product .picture img, .webshop_products .product .picture-popup img, .slick-slide .product .picture-popup img { display: none; } .webshop_products .product .picture-popup, .slick-slide .product .picture-popup { display: none; } .webshop_products .product .overview-rating, .slick-slide .product .overview-rating { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: absolute; top: 56px; left: 16px; z-index: 10; margin: 75% 0 0 0; } .webshop_products .product .overview-rating .rating-stars, .slick-slide .product .overview-rating .rating-stars { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .webshop_products .product .overview-rating .rating-stars .star, .slick-slide .product .overview-rating .rating-stars .star { display: block; width: 10px; height: 10px; margin: 1px 4px 1px 0; background: url(/website/default-v2/images/icons/star/deactive.svg) 50% 50% no-repeat; background-size: 10px 10px; } .webshop_products .product .overview-rating .rating-stars .star.active, .slick-slide .product .overview-rating .rating-stars .star.active { background-image: url(/website/default-v2/images/icons/star/full.svg); } .webshop_products .product .overview-rating .rating-text, .slick-slide .product .overview-rating .rating-text { margin-left: 4px; font-size: 12px; line-height: 12px; } .webshop_products .product .title, .slick-slide .product .title, .webshop_products .product .name, .slick-slide .product .name { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; margin-top: 36px; font-weight: 700; font-size: 14px; line-height: 20px; } .webshop_products .product .desc, .slick-slide .product .desc { display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; font-size: 13px; line-height: 20px; } .webshop_products .product .desc &gt; span, .slick-slide .product .desc &gt; span { display: block; } .webshop_products .product .hover-series-block, .slick-slide .product .hover-series-block { display: block; } .webshop_products .product .hover-series-block &gt; div, .slick-slide .product .hover-series-block &gt; div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 -6px; } .webshop_products .product .hover-series-block .series-row, .slick-slide .product .hover-series-block .series-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 6px; margin: 8px 0 0 0; } .webshop_products .product .hover-series-block .series-row .hover-series-item, .slick-slide .product .hover-series-block .series-row .hover-series-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 4px 12px; font-size: 12px; line-height: 16px; white-space: nowrap; background: #f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .webshop_products .product .hover-series-block .series-row .hover-series-item:hover, .slick-slide .product .hover-series-block .series-row .hover-series-item:hover { background: #f5f5f5; } .webshop_products .product .price_old, .slick-slide .product .price_old, .webshop_products .product .from-text, .slick-slide .product .from-text { position: absolute; left: 16px; bottom: 41px; z-index: 5; font-size: 12px; line-height: 16px; color: rgba(61, 62, 61, 0.7); } .webshop_products .product .price_old + .price_old, .slick-slide .product .price_old + .price_old, .webshop_products .product .from-text + .price_old, .slick-slide .product .from-text + .price_old { display: none; } .webshop_products .product .price_old:before, .slick-slide .product .price_old:before { content: ""; position: absolute; top: 25%; left: 50%; z-index: 5; width: 110%; height: 1px; background-color: #3d3e3d; transform: rotate(-10deg) translate(-50%, -50%); } .webshop_products .product .price, .slick-slide .product .price { position: absolute; left: 16px; bottom: 16px; z-index: 5; font-size: 20px; line-height: 25px; font-family: "Roboto Slab", serif; font-weight: 700; } .webshop_products .product .price .unit_label, .slick-slide .product .price .unit_label { margin-left: 6px; font-size: 12px; line-height: 16px; } .webshop_products .product .price.normal, .slick-slide .product .price.normal { display: none; } .webshop_products .product .wishlist_btn, .slick-slide .product .wishlist_btn { position: absolute; top: 16px; right: 16px; z-index: 20; width: 20px; height: 20px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/heart-inactive.svg) 50% 50% no-repeat; background-size: 20px 20px; } .webshop_products .product .wishlist_btn.on_wishlist, .slick-slide .product .wishlist_btn.on_wishlist { background-image: url(/website/default-v2/images/icons/general/heart-active.svg); } .webshop_products .product .call_to_action, .slick-slide .product .call_to_action { display: none; } .webshop_products .product .direct_order, .slick-slide .product .direct_order { position: absolute; right: 0; bottom: 0; z-index: 5; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/cart-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .webshop_products .product .in_stock_label, .slick-slide .product .in_stock_label, .webshop_products .product .extra-text, .slick-slide .product .extra-text { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #4a7141; } .webshop_products .product .limited_stock_label, .slick-slide .product .limited_stock_label { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #ef8a17; } .webshop_products .product .not_in_stock_label, .slick-slide .product .not_in_stock_label { position: absolute; right: 0; bottom: 0; z-index: 10; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/envelope-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .webshop_products .product .compare, .slick-slide .product .compare { display: none; } @media (min-width: 768px) { .webshop_products .product, .slick-slide .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .webshop_products .product.has_text a, .slick-slide .product.has_text a { padding-bottom: 90px; } .webshop_products .product .overlay.bottomleft, .slick-slide .product .overlay.bottomleft { top: 0; } .webshop_products .product .picture, .slick-slide .product .picture, .webshop_products .product .picture-popup, .slick-slide .product .picture-popup { margin-top: 0; } .webshop_products .product .overview-rating, .slick-slide .product .overview-rating { top: 16px; } } @media (min-width: 992px) { .webshop_products .product, .slick-slide .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .brand-categories { width: 100%; margin-bottom: 36px; padding: 0 16px; display: block; } .brand-categories .brand-categories-in { position: relative; } .brand-categories .brand-categories-title { margin-bottom: 8px; font-weight: 600; display: block; } .brand-categories .slick-slider { display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .brand-categories .slick-list { position: relative; overflow: hidden; display: block; } .brand-categories .slick-list:focus { outline: none; } .brand-categories .slick-list.dragging { cursor: pointer; cursor: hand; } .brand-categories .slick-slider .slick-track, .brand-categories .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .brand-categories .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .brand-categories .slick-track:before, .brand-categories .slick-track:after { content: ""; display: table; } .brand-categories .slick-track:after { clear: both; } .slick-loading .brand-categories .slick-track { visibility: hidden; } .brand-categories .slick-slide { float: left; height: 100%; min-height: 1px; } [dir="rtl"] .brand-categories .slick-slide { float: right; } .brand-categories .slick-slide img { display: block; } .brand-categories .slick-slide.slick-loading img { display: none; } .brand-categories .slick-slide.dragging img { pointer-events: none; } .slick-initialized .brand-categories .slick-slide { display: block; } .slick-loading .brand-categories .slick-slide { visibility: hidden; } .slick-vertical .brand-categories .slick-slide { display: block; height: auto; border: 1px solid transparent; } .brand-categories .slick-arrow.slick-hidden { display: none; } .brand-categories .slick-loading .slick-list { background: #fff url("/img/ajax-loader.gif") center center no-repeat; } .brand-categories .slick-prev, .brand-categories .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; text-align: center; z-index: 1; } .brand-categories .slick-prev:hover, .brand-categories .slick-prev:focus, .brand-categories .slick-next:hover, .brand-categories .slick-next:focus { color: transparent; outline: none; } .brand-categories .slick-prev:hover .fa, .brand-categories .slick-prev:focus .fa, .brand-categories .slick-next:hover .fa, .brand-categories .slick-next:focus .fa { opacity: 1; } .brand-categories .slick-prev.slick-disabled .fa, .brand-categories .slick-next.slick-disabled .fa { opacity: 0.25; } .brand-categories .slick-prev .fa, .brand-categories .slick-next .fa { font-size: 20px; line-height: 1; opacity: 0.75; color: #000; } .brand-categories .slick-prev { right: 30px; } .brand-categories [dir="rtl"] .slick-prev { right: 0; left: auto; } .brand-categories .slick-next { right: 0; } .brand-categories [dir="rtl"] .slick-next { right: auto; left: 0; } .brand-categories .slick-slide { padding: 0 16px 0 0; } .brand-categories .slick-prev, .brand-categories .slick-next { top: 10px; width: 20px; height: 20px; } .brand-categories .slick-prev.slick-disabled, .brand-categories .slick-next.slick-disabled { filter: alpha(opacity=25); opacity: 0.25; } .brand-categories .slick-prev .fa, .brand-categories .slick-next .fa { display: none; } .brand-categories .slick-prev { background: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg) 50% 50% no-repeat; } .brand-categories .slick-next { background: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg) 50% 50% no-repeat; } .brand-categories .btn-primary { font-family: "Roboto Slab", serif; background-color: #7caa7b; padding: 12px 16px 12px 12px; border: none; font-size: 12px; display: block; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } @media (min-width: 992px) { .brand-categories { display: none; } } #category_block_categories, #category_block_brands { width: 100%; flex: 0 0 100%; } #category_block_categories .category-block-in, #category_block_brands .category-block-in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: relative; padding: 0 6px; margin: 0 0 12px 0; } #category_block_categories .category-block-in.slick-slider, #category_block_brands .category-block-in.slick-slider { padding: 0 12px; } #category_block_categories .category-block-in.slick-slider .slick-arrow, #category_block_brands .category-block-in.slick-slider .slick-arrow { position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); } #category_block_categories .category-block-in.slick-slider .slick-prev, #category_block_brands .category-block-in.slick-slider .slick-prev { left: 0; } #category_block_categories .category-block-in.slick-slider .slick-next, #category_block_brands .category-block-in.slick-slider .slick-next { right: 0; } #category_block_categories .category-block-in.slick-slider .slick-list, #category_block_brands .category-block-in.slick-slider .slick-list { width: 100%; overflow: hidden; } #category_block_categories .category-block-in.slick-slider .slick-list .slick-track, #category_block_brands .category-block-in.slick-slider .slick-list .slick-track { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; } #category_block_categories .category-block-in.slick-slider .slick-list .slick-track .brand, #category_block_brands .category-block-in.slick-slider .slick-list .slick-track .brand, #category_block_categories .category-block-in.slick-slider .slick-list .slick-track .product, #category_block_brands .category-block-in.slick-slider .slick-list .slick-track .product { width: auto; flex: 0 0 auto; } @media (min-width: 768px) { #category_block_categories .category-block-in, #category_block_brands .category-block-in { padding: 0; margin: 0; } } #category_block_categories { display: none; padding: 0 12px; } #category_block_categories .webshop_products { margin-bottom: 24px; } #category_block_categories .webshop_products .product { width: 100%; flex: 0 0 100%; padding: 0 6px; margin: 0; } #category_block_categories .webshop_products .product a { padding: 12px !important; color: #3d3e3d; border: 0; background: #f0f0f0; border-radius: 25px; box-shadow: none; } #category_block_categories .webshop_products .product a:hover { color: #fff; background: #7caa7b; } #category_block_categories .webshop_products .product a .picture { display: none !important; } #category_block_categories .webshop_products .product a .title { margin: 0 !important; font-weight: 400; line-height: 20px; } @media (min-width: 768px) { #category_block_categories .webshop_products .product { width: 50%; flex: 0 0 50%; } } @media (min-width: 992px) { #category_block_categories .webshop_products .product { width: 33.33333333%; flex: 0 0 33.33333333%; } } @media (min-width: 0) and (max-width: 991px) { #category_block_categories { display: block; } } #category_block_brands .block-content .brand { width: 100%; flex: 0 0 100%; padding: 0 6px; margin: 0 0 12px 0; } #category_block_brands .block-content .brand a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center; align-content: center; align-items: center; width: 100%; height: 100%; text-align: center; } #category_block_brands .block-content .brand .brand-picture { width: 100%; flex: 0 0 100%; height: 100%; } #category_block_brands .block-content .brand .brand-picture .brand-picture-in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center; width: 100%; height: 100%; } #category_block_brands .block-content .brand .brand-picture .brand-picture-in img { width: auto !important; max-width: 100%; height: auto !important; max-height: 100%; object-fit: contain; } #category_block_brands .block-content .brand .brand-picture + .brand-info { display: none; } #category_block_brands .block-content .brand .brand-info { width: 100%; flex: 0 0 100%; } @media (min-width: 768px) { #category_block_brands .block-content .brand { width: 50%; flex: 0 0 50%; padding: 0 12px; margin: 0 0 24px 0; } } @media (min-width: 992px) { #category_block_brands .block-content .brand { width: 33.33333333%; flex: 0 0 33.33333333%; } } #grid-container-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } #grid-container { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; padding: 0; } #grid-container .item { min-width: 100%; max-width: 100%; margin-bottom: 24px; } #grid-container .item .item-in { position: relative; height: 100%; width: 100%; padding: 0 12px; } #grid-container .item .item-content { width: 100%; height: 100%; overflow: hidden; background: #fff; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } #grid-container .item .item-content .block-title { display: block; width: 100%; padding: 12px 16px; line-height: 20px; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 16px; } #grid-container .item .item-content .block-title h2 { font-size: 16px; } #grid-container .item .item-content .block-content { display: block; width: 100%; padding: 12px 16px 312px 16px; margin-bottom: -300px; } #grid-container .item .block_type_spotlight .block-title { position: relative; z-index: 10; } #grid-container .item .block_type_spotlight .block-content * { position: relative; z-index: 10; } #grid-container .item .block_type_spotlight .block-content .block-image { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: none center no-repeat; background-size: cover; } @media (min-width: 768px) { #grid-container .item { min-width: auto; } } .container { max-width: 100%; } @media (min-width: 768px) { .container { max-width: 100%; } } @media (min-width: 992px) { .container { padding-right: 24px; } } @media (min-width: 1200px) { .container { max-width: 1152px; } } @media (min-width: 1440px) { .container { max-width: 1152px; } } #product-info-left { background: #f5f5f5; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 36px 24px; display: -ms-flexbox; display: flex; margin-bottom: 36px; flex-direction: column !important; align-self: flex-start !important; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } #product-info-left .page-title { display: none; } #product-info-left .page-text { margin-bottom: 16px; } #product-info-left #short-desc { margin-bottom: 24px; } #product-info-left #short-desc h3 { display: none; } #product-info-left div.flex-grid-row { position: relative; } #product-info-left .prices { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 16px; } #product-info-left .prices.has-old-price .current_price { color: #ef8a17; } #product-info-left .prices .old_price { font-size: 14px; line-height: 20px; color: #8b8d8b; } #product-info-left .prices .old_price .label { display: none; } #product-info-left .prices .current_price { font-family: "Roboto Slab", serif; line-height: 32px; font-size: 24px; font-weight: 700; color: #1d1b28; } #product-info-left .prices .current_price .label { display: none; } #product-info-left .prices .current_price .value { font-style: normal; text-decoration: none; } #product-info-left .prices .current_price_per_unit { font-family: "Roboto Slab", serif; line-height: 32px; font-size: 24px; font-weight: 700; color: #1d1b28; } #product-info-left .prices .current_price_per_unit .value { font-style: normal; text-decoration: none; } #product-info-left .prices .current_price_per_unit .label { line-height: 18px; font-size: 12px; } #product-info-left .prices .multibuy_prices { width: 100%; padding: 12px; margin-top: 6px; background: #ededed; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #product-info-left .prices .multibuy_prices .from-price, #product-info-left .prices .multibuy_prices .fixed-price { font-size: 12px; line-height: 18px; } #product-info-left .prices .multibuy_prices .from-price span, #product-info-left .prices .multibuy_prices .fixed-price span { font-weight: 700; } #product-info-left .not_possible_to_order { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; font-weight: 600; color: #d7443e; } #product-info-left .extra-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: absolute; top: 50%; right: 0; z-index: 5; transform: translateY(-50%); margin-top: -12px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; color: #4a7141; } #product-info-left .stock_indication { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: absolute; top: 14px; right: 0; z-index: 5; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; margin-top: auto; } #product-info-left .stock_indication.in_stock { color: #4a7141; } #product-info-left .stock_indication.limited_stock { color: #ef8a17; } #product-info-left .stock_indication.not_in_stock { color: #d7443e; } #product-info-left .zipcode_check { background-color: #b5d1b0; margin-bottom: 16px; padding: 16px; font-size: 13px; line-height: 18px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #product-info-left .zipcode_check #open-zipcode-check a { display: -ms-flexbox; display: flex; color: #3d3e3d; } #product-info-left .zipcode_check #open-zipcode-check img, #product-info-left .zipcode_check #open-zipcode-check span { display: inline-block; } #product-info-left .zipcode_check #open-zipcode-check img:last-child, #product-info-left .zipcode_check #open-zipcode-check span:last-child { margin-left: auto; } #product-info-left .zipcode_check #open-zipcode-check span { margin-left: 8px; } #product-info-left .zipcode_check #zipcode-check-box { margin-top: 12px; display: none; } #product-info-left .zipcode_check #zipcode-check-box .zipcode_check_text { margin-bottom: 16px; font-size: 12px; line-height: 16px; } #product-info-left .zipcode_check #zipcode-check-box .shipping_input { margin-bottom: 16px; display: -ms-flexbox; display: flex; } #product-info-left .zipcode_check #zipcode-check-box .shipping_input input { background-color: #fff; height: 48px; border-color: #fff; } #product-info-left .zipcode_check #zipcode-check-box .shipping_input .check_button { margin-left: 24px; } #product-info-left .zipcode_check #zipcode-check-box .shipping_input .check_button span { height: 48px; padding: 16px 24px; font-size: 14px; font-weight: 600; line-height: 1; border: 1px solid #1d1b28; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; display: block; } #product-info-left .zipcode_check.active #open-zipcode-check img:last-child { transform: rotate(180deg); } #product-info-left .zipcode_check.active #zipcode-check-box { display: block; } #product-info-left #product-options &gt; ul { margin: 0; } #product-info-left #product-options &gt; ul li { padding-left: 0; font-size: 12px; line-height: 16px; color: #8b8d8b; display: inline-block; } #product-info-left #product-options &gt; ul li:before { display: none; } #product-info-left #product-options &gt; ul li .label { width: 100%; margin-bottom: 8px; font-weight: 700; font-size: 14px; line-height: 20px; color: #3d3e3d; } #product-info-left #product-options &gt; ul li .dropdown { width: 100%; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select { border: 0; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select.dd-open { pointer-events: none; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select.dd-open .dd-selected { pointer-events: none; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select.dd-open .dd-selected:before { transform: rotate(180deg); } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select .dd-selected { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; padding: 8px 48px 8px 8px; margin: 0; border: 0; font-size: 14px; line-height: 16px; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: none; box-shadow: none; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select .dd-selected:focus { z-index: 100; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select .dd-selected .dd-selected-text { font-weight: 400; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select .dd-selected:before { content: ""; display: block; position: absolute; top: 50%; right: 16px; width: 12px; height: 8px; margin: -4px 0 0 0 !important; background: url(/website/default-v2/images/icons/general/arrow-dropdown-black.svg) 95% 50% no-repeat; background-size: 12px 8px; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-select .dd-selected label { padding: 8px; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-pointer { display: none !important; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-selected-image, #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-option-image { max-width: 50px; max-height: 38px; margin-right: 0; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-selected-image + label, #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-option-image + label { padding: 0 0 0 8px !important; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-options { z-index: 100; border: 0; overflow: hidden; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-options li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; margin: 0; padding: 8px; border: 0; font-size: 14px; line-height: 16px; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-options li label { padding: 8px; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-options li:hover, #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-options li.dd-option-selected { background: rgba(74, 113, 65, 0.05); } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-options li:before { display: none; } #product-info-left #product-options &gt; ul li .dropdown .dd-container .dd-options li + li { border-top: 1px solid rgba(74, 113, 65, 0.1); } #product-info-left #product-options &gt; ul li .dropdown select { width: 100%; height: auto; min-height: 48px; padding: 16px 36px 16px 16px; border: 0; font-size: 14px; line-height: 16px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-black.svg) 95% 50% no-repeat #fff; background-size: 12px 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #product-info-left #product-options &gt; ul li.custom-amount-tuinbon { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin-bottom: 6px; } #product-info-left #product-options &gt; ul li.custom-amount-tuinbon .label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product-info-left #product-options &gt; ul li.custom-amount-tuinbon .value { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product-info-left #product-options &gt; ul li.custom-amount-tuinbon .value input { background-color: #fff; max-width: 104px; height: 48px; border-color: #fff; text-align: center; } @media (min-width: 768px) { #product-info-left #product-options &gt; ul li.custom-amount-tuinbon { flex-direction: row-reverse !important; justify-content: flex-end !important; } #product-info-left #product-options &gt; ul li.custom-amount-tuinbon .label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } #product-info-left #product-options &gt; ul li.custom-amount-tuinbon .value { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } } #product-info-left #product-options &gt; ul li.series { width: 100%; margin-bottom: 6px; } #product-info-left #product-options &gt; ul li.series .value { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 -6px; } #product-info-left #product-options &gt; ul li.series .value .product-serie { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 6px 16px 6px; } #product-info-left #product-options &gt; ul li.series .value .product-serie a { position: relative; display: block; height: 48px; width: 100%; padding: 3px; border: 2px solid #ffffff; background: #fff; overflow: hidden; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } #product-info-left #product-options &gt; ul li.series .value .product-serie a span { display: block; width: 100%; height: 100%; background: none center no-repeat; background-size: contain; } #product-info-left #product-options &gt; ul li.series .value .product-serie a img { display: none; } #product-info-left #product-options &gt; ul li.series .value .product-serie a:hover, #product-info-left #product-options &gt; ul li.series .value .product-serie a.selected { border-color: #ef8a17; } #product-info-left #product-options &gt; ul li.series.dropdown, #product-info-left #product-options &gt; ul li.series.custom_dropdown { margin-bottom: 24px; } #product-info-left #product-options &gt; ul li.series .dd-container .dd-select .dd-selected { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; width: 100%; margin: 0; } #product-info-left #product-options &gt; ul li.series .dd-container .dd-select .dd-selected .dd-selected-text { color: #3d3e3d; line-height: 20px !important; } #product-info-left #product-options &gt; ul li.series .dd-container .dd-options .dd-option { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; width: 100%; margin: 0; } #product-info-left #product-options &gt; ul li.series .dd-container .dd-options .dd-option .dd-option-text { line-height: 20px !important; } #product-info-left #product-options &gt; ul li.product_variations { margin-bottom: 24px; } #product-info-left #product-options &gt; ul li.package_quantity { padding: 0; margin-bottom: 8px; } #product-info-left #product-options &gt; ul li.package_quantity .label { width: auto; margin-right: 8px; } #product-info-left #product-options &gt; ul li.package_quantity .value { width: auto; } #product-info-left #product-options &gt; ul li.quantity { display: block; } #product-info-left #product-options &gt; ul li.min_order_amount { display: inline-block; margin-right: 4px; } #product-info-left #product-options &gt; ul li.min_order_amount .label { width: auto; margin-bottom: 0; font-weight: 400; font-size: 12px; line-height: 16px; } #product-info-left #product-options &gt; ul li.current_price_total { margin-right: 4px; } #product-info-left #product-options &gt; ul li.current_price_total #total-price { font-weight: 600; } #product-info-left #product-options &gt; ul li.current_price_total #total-price .symbol { display: inline-block; } #product-info-left #product-options &gt; ul li &gt; div { display: inline-block; } #product-info-left #product-options &gt; ul li .additional-shipping-info { position: relative; display: inline-block; margin-left: 3px; line-height: 20px; cursor: pointer; } #product-info-left #product-options &gt; ul li .additional-shipping-info.shown .additional-shipping-info-text { display: block !important; } #product-info-left #product-options &gt; ul li .additional-shipping-info i { font-size: 16px; color: #ef8a17; } #product-info-left #product-options &gt; ul li .additional-shipping-info .additional-shipping-info-text { position: absolute; left: 50%; bottom: 100%; z-index: 100; transform: translateX(-50%); width: 250px; padding: 12px; font-weight: 400; font-size: 12px; line-height: 18px; text-align: center; color: #fff; background: #4a7141; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #product-info-left #product-options .quantity { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } #product-info-left #product-options .quantity input { background-color: #fff; max-width: 104px; height: 48px; border-color: #fff; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } #product-info-left #product-options #order-button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #product-info-left #product-options #order-button input { display: block; width: 100%; height: 48px; padding-left: 50px; border-color: #1d1b28; background-image: url(/website/default-v2/images/icons/navigational/cart-white.svg) !important; background-repeat: no-repeat !important; background-position: 20px 50% !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #product-info-left #product-options .out_of_stock_mail_form_container { padding: 0 12px; } #product-info-left #product-options .out_of_stock_mail_form_container .explanation { margin-bottom: 12px; } #product-info-left #product-options .out_of_stock_mail_form_container .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } #product-info-left #product-options .out_of_stock_mail_form_container .form .grid-9-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product-info-left #product-options .out_of_stock_mail_form_container .form .grid-9-12 label { width: 100%; margin-bottom: 8px; } #product-info-left #product-options .out_of_stock_mail_form_container .form .grid-9-12 input { min-height: 48px; padding: 12px 17px; background: #fff; margin-bottom: 12px; } #product-info-left #product-options .out_of_stock_mail_form_container .form .grid-3-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product-info-left #product-options .out_of_stock_mail_form_container .form .grid-3-12 input { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; padding-left: 50px; background-image: url(/website/default-v2/images/icons/general/envelope-white.svg) !important; background-repeat: no-repeat !important; background-position: 20px 50% !important; } #product-info-left #product-options .out_of_stock_mail_form_container .form .grid-3-12 input:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #product-info-left #product-options .out_of_stock_mail_form_container .form .grid-3-12 input:hover { color: #fff; background: #3d3e3d; } #product-info-left #product-options #min-order-amount { margin-bottom: 6px; } #product-info-left #product-options #min-order-amount .min_order_amount { width: 100%; } #product-info-left #product-options #min-order-amount .is-sign { display: none; } #product-info-left #product-options #min-order-amount .is-sign-after { margin: 0 4px; } #product-info-left .quotation-explanation { margin-top: 16px; text-align: right; font-size: 13px; line-height: 18px; } #product-info-left .quotation-explanation span { display: inline-block; } #product-info-left .quotation-explanation a { color: #3d3e3d; text-decoration: underline; } #product-info-left #wishlist-bottom { margin-top: 16px; } #product-info-left #wishlist-bottom button, #product-info-left #wishlist-bottom input[type="button"], #product-info-left #wishlist-bottom span { display: inline-block; min-height: 24px; line-height: 24px; padding: 0 0 0 32px; text-decoration: underline; color: #3d3e3d; border: none; background: url(/website/default-v2/images/icons/general/heart-inactive.svg) 0 50% no-repeat; background-size: 24px auto; } #product-info-left #wishlist-bottom span { background-image: url(/website/default-v2/images/icons/general/heart-active.svg); } #product-info-left #share-with-whatsapp { margin-top: 16px; } #product-info-left #share-with-whatsapp a { display: block; padding: 0 0 0 32px; line-height: 24px; color: #3d3e3d; text-decoration: underline; background: url(/website/default-v2/images/icons/social/whatsapp-black.svg) 0 50% no-repeat; background-size: 24px 24px; } #product-info-left #share-with-whatsapp a:hover { background-image: url(/website/default-v2/images/icons/social/whatsapp-hover.svg); } #product-info-left #usp-list ul { padding-top: 16px; margin-top: 16px; margin-bottom: 4px; border-top: 1px solid #fff; } #product-info-left #usp-list ul li { position: relative; padding-left: 20px; font-size: 13px; line-height: 18px; } #product-info-left #usp-list ul li:before { display: none; } #product-info-left #usp-list ul li .fa-lock { position: absolute; top: 0; left: 0; z-index: 5; background: url(/website/default-v2/images/coin-euro.png) 0 0 no-repeat; background-size: contain; width: 12px; height: 12px; margin-top: 3px; } #product-info-left #usp-list ul li .fa-lock:before { display: none; } #product-info-left #usp-list ul li .fa-check { position: absolute; top: 0; left: 0; z-index: 5; background: url(/website/default-v2/images/icons/general/check-black.svg) 0 0 no-repeat; background-size: 12px 14px; width: 12px; height: 12px; margin-top: 3px; } #product-info-left #usp-list ul li .fa-check:before { display: none; } #product-info-left #usp-list ul li + li { margin-top: 8px; } @media (min-width: 768px) { #product-info-left #product-options &gt; ul li .dropdown select, #product-info-left #product-options &gt; ul li .dropdown .dd-container { max-width: 264px; } } @media (min-width: 992px) { #product-info-left { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding: 36px 39.9999984px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } #product-info-left #share-with-whatsapp { display: none; } } #floating-productinfo { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 16px; margin-bottom: 36px; } #floating-productinfo #brand-above-title { font-weight: 600; font-size: 11px; line-height: 18px; text-transform: uppercase; } #floating-productinfo #brand-above-title a { color: #3d3e3d; text-decoration: underline; } #floating-productinfo #brand-above-title a:hover { color: #ef8a17; } #floating-productinfo #brand-above-title + h2 { margin-top: 0; } #floating-productinfo &gt; h2 { font-family: "Roboto Slab", serif; font-weight: 700; line-height: 1.1; color: #1d1b28; margin-top: 20px; margin-bottom: 10px; font-size: 24px; margin-top: 16px; margin-bottom: 16px; font-size: 19px; } #floating-productinfo &gt; h2 small, #floating-productinfo &gt; h2 .small { font-weight: 400; line-height: 1; color: #777777; } #floating-productinfo &gt; h2 small, #floating-productinfo &gt; h2 .small { font-size: 65%; } #floating-productinfo &gt; h2:first-child { margin-top: 0; } #floating-productinfo &gt; h2 a { color: inherit; text-decoration: none; } @media (min-width: 768px) { #floating-productinfo &gt; h2 { font-size: 21px; } } @media (min-width: 992px) { #floating-productinfo &gt; h2 { font-size: 24px; } } #floating-productinfo .overall-rating a { display: none; } #floating-productinfo .overall-rating .product-rating { margin-bottom: 16px; } #floating-productinfo .overall-rating .product-rating .hide-microdata { display: none; } @media (min-width: 992px) { #floating-productinfo { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-left: 12px; padding-right: 36px; } #floating-productinfo &gt; h2 { line-height: 32px; } } #product-info-right #media-gallery #media-gallery-slider { position: relative; padding: 0 0 100% 0; } #product-info-right #media-gallery #media-gallery-slider .overlay { position: absolute; z-index: 10; } #product-info-right #media-gallery #media-gallery-slider .overlay.topleft { top: 0; left: 0; } #product-info-right #media-gallery #media-gallery-slider .overlay.topright { top: 0; right: 0; } #product-info-right #media-gallery #media-gallery-slider .overlay.bottomleft { left: 0; bottom: 0; } #product-info-right #media-gallery #media-gallery-slider .overlay.bottomright { right: 0; bottom: 0; } #product-info-right #media-gallery #media-gallery-slider .media-gallery-slide { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 0; } #product-info-right #media-gallery #media-gallery-slider .media-gallery-slide.active { z-index: 2; } #product-info-right #media-gallery #media-gallery-slider .media-gallery-slide &gt; a, #product-info-right #media-gallery #media-gallery-slider .media-gallery-slide .media-gallery-image { display: block; width: 100%; height: 100%; } #product-info-right #media-gallery #media-gallery-slider .media-gallery-slide .media-gallery-image { position: relative; overflow: hidden; } #product-info-right #media-gallery #media-gallery-slider .media-gallery-slide .media-gallery-image img { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } #product-info-right #media-gallery #media-gallery-prev, #product-info-right #media-gallery #media-gallery-next { position: absolute; bottom: -52px; z-index: 15; transform: translateY(-50%); } #product-info-right #media-gallery #media-gallery-prev a, #product-info-right #media-gallery #media-gallery-next a { display: block; height: 14px; width: 18px; background: none 50% 50% no-repeat; background-size: 14px 18px; } #product-info-right #media-gallery #media-gallery-prev i, #product-info-right #media-gallery #media-gallery-next i { display: none; } #product-info-right #media-gallery #media-gallery-prev { left: 0; } #product-info-right #media-gallery #media-gallery-prev a { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } #product-info-right #media-gallery #media-gallery-next { right: 0; } #product-info-right #media-gallery #media-gallery-next a { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg); } #product-info-right #media-gallery #media-gallery-thumbs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; padding: 0 ; width: calc(100% - 48px); margin: 0 24px; overflow: hidden; } #product-info-right #media-gallery #media-gallery-thumbs ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-start !important; position: relative; left: 0; max-width: 100%; flex-wrap: nowrap; margin: 0; padding: 0 0 12px 0; list-style: none; -webkit-transition: 0.5s all; transition: 0.5s all; } #product-info-right #media-gallery #media-gallery-thumbs ul li { width: 60px; height: 60px; flex: 0 0 60px; max-width: 60px; padding: 16px 8px 0 8px; margin: 0; } #product-info-right #media-gallery #media-gallery-thumbs ul li:before { display: none; } #product-info-right #media-gallery #media-gallery-thumbs ul li a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border: 2px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: 0.5s all; transition: 0.5s all; } #product-info-right #media-gallery #media-gallery-thumbs ul li a img { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 76px; } #product-info-right #media-gallery #media-gallery-thumbs ul li a:hover, #product-info-right #media-gallery #media-gallery-thumbs ul li a.active { border-color: #e6bd1c; } #product-info-right #media-gallery #media-gallery-thumbs ul li a .video-icon { background-color: #1d1b28; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; } #product-info-right .responsive-price-info { display: none; } @media (min-width: 768px) { #product-info-right #media-gallery #media-gallery-slider { padding-bottom: 440px; } #product-info-right #media-gallery #media-gallery-slider .youtube-loader, #product-info-right #media-gallery #media-gallery-slider .vimeo-loader { padding-bottom: 440px; } #product-info-right #media-gallery #media-gallery-slider #media-gallery-prev, #product-info-right #media-gallery #media-gallery-slider #media-gallery-next { bottom: -76px; } #product-info-right #media-gallery #media-gallery-thumbs ul li { width: 104px; height: 104px; flex: 0 0 104px; max-width: 104px; padding: 24px 12px 0 12px; } } #product-tabs-fixed { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-start !important; width: 100%; max-width: 1152px; margin: 0 auto; } #product-tabs-fixed #product-tab-navigation { display: none; width: 100%; padding: 0 12px; margin: 36px auto; } #product-tabs-fixed #product-tab-navigation ul { width: 100%; padding: 18px 24px; margin: 0; list-style: none; display: -ms-flexbox; display: flex; justify-content: flex-start !important; background-color: #f5f5f5; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; } #product-tabs-fixed #product-tab-navigation ul li { padding: 0 24px; } #product-tabs-fixed #product-tab-navigation ul li:before { display: none; } #product-tabs-fixed #product-tab-navigation a { color: #3d3e3d; font-weight: 600; } #product-tabs-fixed .product-tab { width: 100%; padding: 0 16px; margin-bottom: 36px; } #product-tabs-fixed .product-tab.show .tab-title .toggle-tab { transform: rotate(180deg); } #product-tabs-fixed .product-tab.show .page-text, #product-tabs-fixed .product-tab.show #reviews { display: none; } #product-tabs-fixed .product-tab .tab-title { position: relative; border-top: 1px solid #1d1b28; padding-top: 16px; padding-right: 24px; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 20px; line-height: 25px; color: #1d1b28; margin-bottom: 16px; } #product-tabs-fixed .product-tab .tab-title .toggle-tab { position: absolute; top: 50%; right: 0; z-index: 5; margin-top: -6px; width: 12px; height: 12px; cursor: pointer; background: url(/website/default-v2/images/icons/general/arrow-dropdown-black.svg) 50% 50% no-repeat; background-size: 12px 12px; } #product-tabs-fixed .product-tab .page-text h2, #product-tabs-fixed .product-tab #reviews h2 { font-size: 18px; } #product-tabs-fixed .product-tab .page-text h3, #product-tabs-fixed .product-tab #reviews h3 { font-size: 16px; } #product-tabs-fixed .product-tab ul.specs { padding: 0; margin: 0; list-style: none; } #product-tabs-fixed .product-tab ul.specs li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 12px 8px; margin: 0; font-size: 12px; line-height: 16px; } #product-tabs-fixed .product-tab ul.specs li:before { display: none; } #product-tabs-fixed .product-tab ul.specs li:nth-child(odd) { background-color: #f5f5f5; } #product-tabs-fixed .product-tab ul.specs .specs-label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 8px; font-weight: 700; } #product-tabs-fixed .product-tab ul.specs .specs-value { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 8px; } #product-tabs-fixed .product-tab#product-tab-recensies { margin-bottom: 0; } #product-tabs-fixed .product-tab#product-tab-combinations { position: relative; max-width: 100%; padding: 0 6px; } #product-tabs-fixed .product-tab#product-tab-combinations:before { content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 56px; padding: 0 3000px; margin: 0 -3000px; background: #4a7141; } #product-tabs-fixed .product-tab#product-tab-combinations &gt; .wrap { position: relative; z-index: 2; padding: 0 0 24px 0; } #product-tabs-fixed .product-tab#product-tab-combinations .product-combinations-title { padding: 0 12px; margin-bottom: 16px; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 20px; line-height: 25px; color: #1d1b28; } #product-tabs-fixed .product-tab#product-tab-combinations form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: center !important; position: relative; padding: 12px 43.99999992px 12px 80px; margin: 0 0 16px 0; min-height: 80px; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-row.has-combination-discount .combi-selected input:checked + .custom-checkbox-button { background-color: #ef8a17; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-row + .combi-row { margin-top: 36px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-row + .combi-row:before { content: ""; display: block; position: absolute; top: -16px; left: 50%; z-index: 5; width: 12px; height: 12px; transform: translate(-50%, -50%); background: url(/website/default-v2/images/icons/general/plus-black.svg) center no-repeat; background-size: 12px 12px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-product { width: 100%; align-self: flex-end; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-info { width: 100%; align-self: flex-start; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-img { position: absolute; top: 0; left: 0; z-index: 5; margin: 12px; width: 56px; height: 56px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-img a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-img img { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-text { margin: 2px 0; font-size: 12px; line-height: 18px; width: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-text p { display: block; margin: 0; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-text a { display: block; color: #3d3e3d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-text br { display: none; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-text strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 36px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-total, #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combination-specs { display: none; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-price { margin: 2px 0; font-size: 13px; line-height: 18px; width: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-price .price-old { display: inline-block; margin: 0 6px; text-decoration: line-through; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-price .price-old + .price { color: #ef8a17; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-price .price { display: inline-block; margin: 0 6px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-selected { position: absolute; top: 50%; right: 16px; z-index: 5; transform: translateY(-50%); padding: 0 !important; width: 16px; height: 16px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-selected label { display: block; padding: 0 !important; width: 16px; height: 16px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-selected input:checked + .custom-checkbox-button { background-image: url(/website/default-v2/images/icons/general/check-white.svg); background-color: #4a7141; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity { position: relative; padding: 0 36px; margin: 6px 0 0 0; background: #f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity input { min-height: 36px; padding: 8px 0; line-height: 20px; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border: 0; background: none; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity input::-webkit-outer-spin-button, #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity .quantity-min, #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity .quantity-plus { position: absolute; top: 0; width: 36px; height: 36px; background: none center no-repeat; background-size: 12px 12px; cursor: pointer; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity .quantity-min i, #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity .quantity-plus i { display: none; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity .quantity-min { left: 0; background-image: url(/website/default-v2/images/icons/general/minus-black.svg); } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-quantity .quantity-plus { right: 0; background-image: url(/website/default-v2/images/icons/general/plus-black.svg); } #product-tabs-fixed .product-tab#product-tab-combinations #combi-total { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 16px 0; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-total #total-text { font-size: 0; text-indent: -9999px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-total #total-text:before { content: "Totaalprijs"; display: block; font-size: 14px; text-indent: 0; font-weight: 600; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-total #total-price { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 24px; line-height: 30px; color: #3d3e3d; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-total #total-price.has-saved-price { color: #ef8a17; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-total #total-saved-price { color: #ef8a17; } #product-tabs-fixed .product-tab#product-tab-combinations #order-combi-button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #order-combi-button span input { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; padding-left: 50px; background-image: url(/website/default-v2/images/icons/navigational/cart-white.svg) !important; background-repeat: no-repeat !important; background-position: 20px 50% !important; } #product-tabs-fixed .product-tab#product-tab-combinations #order-combi-button span input:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #product-tabs-fixed .product-tab#product-tab-combinations #order-combi-button span input:hover { color: #fff; background: #3d3e3d; } #product-tabs-fixed .product-tab#product-tab-combinations .custom-slider-nav { display: none; } #product-tabs-fixed .product-tab .calculator { margin-top: 16px; } #product-tabs-fixed .product-tab .calculator .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } #product-tabs-fixed .product-tab .calculator .form &gt; .grid-3-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 4px 0; } #product-tabs-fixed .product-tab .calculator .form .form-option label { position: relative; z-index: 10; padding-left: 20px; cursor: pointer; } #product-tabs-fixed .product-tab .calculator .form.square, #product-tabs-fixed .product-tab .calculator .form.triangle, #product-tabs-fixed .product-tab .calculator .form.circle, #product-tabs-fixed .product-tab .calculator .form.meter { padding: 16px 6px; margin: 12px 0 0 0; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } #product-tabs-fixed .product-tab .calculator .form.square .grid-6-12, #product-tabs-fixed .product-tab .calculator .form.triangle .grid-6-12, #product-tabs-fixed .product-tab .calculator .form.circle .grid-6-12, #product-tabs-fixed .product-tab .calculator .form.meter .grid-6-12 { display: inline-block; } #product-tabs-fixed .product-tab .calculator .form.square .grid-12-12:last-of-type, #product-tabs-fixed .product-tab .calculator .form.triangle .grid-12-12:last-of-type, #product-tabs-fixed .product-tab .calculator .form.circle .grid-12-12:last-of-type, #product-tabs-fixed .product-tab .calculator .form.meter .grid-12-12:last-of-type { margin-top: 6px; } #product-tabs-fixed .product-tab .calculator .form.square .amount_message, #product-tabs-fixed .product-tab .calculator .form.triangle .amount_message, #product-tabs-fixed .product-tab .calculator .form.circle .amount_message, #product-tabs-fixed .product-tab .calculator .form.meter .amount_message { display: block; position: relative; padding-bottom: 52px; } #product-tabs-fixed .product-tab .calculator .form.square .amount_message .amount_meters, #product-tabs-fixed .product-tab .calculator .form.triangle .amount_message .amount_meters, #product-tabs-fixed .product-tab .calculator .form.circle .amount_message .amount_meters, #product-tabs-fixed .product-tab .calculator .form.meter .amount_message .amount_meters, #product-tabs-fixed .product-tab .calculator .form.square .amount_message .amount-real, #product-tabs-fixed .product-tab .calculator .form.triangle .amount_message .amount-real, #product-tabs-fixed .product-tab .calculator .form.circle .amount_message .amount-real, #product-tabs-fixed .product-tab .calculator .form.meter .amount_message .amount-real, #product-tabs-fixed .product-tab .calculator .form.square .amount_message .amount-per-order, #product-tabs-fixed .product-tab .calculator .form.triangle .amount_message .amount-per-order, #product-tabs-fixed .product-tab .calculator .form.circle .amount_message .amount-per-order, #product-tabs-fixed .product-tab .calculator .form.meter .amount_message .amount-per-order, #product-tabs-fixed .product-tab .calculator .form.square .amount_message .amount_quantity, #product-tabs-fixed .product-tab .calculator .form.triangle .amount_message .amount_quantity, #product-tabs-fixed .product-tab .calculator .form.circle .amount_message .amount_quantity, #product-tabs-fixed .product-tab .calculator .form.meter .amount_message .amount_quantity { font-weight: 600; } #product-tabs-fixed .product-tab .calculator .form.square .calc_to_quantity, #product-tabs-fixed .product-tab .calculator .form.triangle .calc_to_quantity, #product-tabs-fixed .product-tab .calculator .form.circle .calc_to_quantity, #product-tabs-fixed .product-tab .calculator .form.meter .calc_to_quantity { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; position: absolute; left: 0; bottom: 0; z-index: 5; min-height: 40px; padding: 10px 15px 10px 35px; font-weight: 400; background-image: url(/website/default-v2/images/icons/navigational/cart-white.svg) !important; background-repeat: no-repeat !important; background-position: 10px 50% !important; } #product-tabs-fixed .product-tab .calculator .form.square .calc_to_quantity:after, #product-tabs-fixed .product-tab .calculator .form.triangle .calc_to_quantity:after, #product-tabs-fixed .product-tab .calculator .form.circle .calc_to_quantity:after, #product-tabs-fixed .product-tab .calculator .form.meter .calc_to_quantity:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #product-tabs-fixed .product-tab .calculator .form.square .calc_to_quantity:hover, #product-tabs-fixed .product-tab .calculator .form.triangle .calc_to_quantity:hover, #product-tabs-fixed .product-tab .calculator .form.circle .calc_to_quantity:hover, #product-tabs-fixed .product-tab .calculator .form.meter .calc_to_quantity:hover { color: #fff; background: #3d3e3d; } #product-tabs-fixed .product-tab .calculator .form.square .calc_to_quantity:after, #product-tabs-fixed .product-tab .calculator .form.triangle .calc_to_quantity:after, #product-tabs-fixed .product-tab .calculator .form.circle .calc_to_quantity:after, #product-tabs-fixed .product-tab .calculator .form.meter .calc_to_quantity:after { display: none; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list ul { width: 100%; padding: 0 8px; display: block; list-style: none; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list ul li { width: 100%; margin-bottom: 8px; padding-left: 24px; display: block; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list ul li:before { left: 0; font-size: 16px; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list .pros { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list .pros ul li:before { content: "\f055"; color: #71a070; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list .cons { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list .cons ul { padding-left: 16px; } #product-tabs-fixed .product-tab#product-tab-pros-cons #pros-cons-list .cons ul li:before { content: "\f056"; color: #8d8e8d; } @media (min-width: 992px) { #product-tabs-fixed #product-tab-navigation { display: block; } #product-tabs-fixed .product-tab { padding: 0 12px; } #product-tabs-fixed .product-tab .tab-title { padding-top: 0; border-top: 0; } #product-tabs-fixed .product-tab .tab-title .toggle-tab { display: none; } #product-tabs-fixed .product-tab .page-text, #product-tabs-fixed .product-tab #reviews { display: block !important; } #product-tabs-fixed .product-tab ul.specs li { padding: 12px; } #product-tabs-fixed .product-tab ul.specs li:before { display: none; } #product-tabs-fixed .product-tab ul.specs li:nth-child(odd) { background-color: #f5f5f5; } #product-tabs-fixed .product-tab ul.specs .specs-label { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #product-tabs-fixed .product-tab ul.specs .specs-value { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #product-tabs-fixed .product-tab#product-tab-combinations { padding: 0; } #product-tabs-fixed .product-tab#product-tab-combinations:before { height: 120px; } #product-tabs-fixed .product-tab#product-tab-combinations &gt; .wrap { padding-right: 25%; } #product-tabs-fixed .product-tab#product-tab-combinations &gt; .wrap &gt; .in { padding-right: 24px; } #product-tabs-fixed .product-tab#product-tab-combinations .custom-slider-nav { display: block; right: 25%; margin-right: 36px; } #product-tabs-fixed .product-tab#product-tab-combinations #CombiFormBelow { overflow: hidden; width: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; left: 0; flex-wrap: nowrap; padding-left: 0; padding-right: 0; margin: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-row { flex-direction: column !important; width: calc(25% - 24px); -ms-flex: 0 0 calc(25% - 24px); flex: 0 0 calc(25% - 24px); max-width: calc(25% - 24px); padding: 136px 16px 16px 16px; margin: 0 12px 24px 12px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-row + .combi-row { margin-top: 0; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-row + .combi-row:before { top: 50%; left: -12px; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-info { margin-top: auto; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-img { width: 100%; height: 136px; padding: 16px; margin: 0; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-img img { max-height: 100%; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-text a { text-align: center; white-space: normal; height: auto; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-price { text-align: center; } #product-tabs-fixed .product-tab#product-tab-combinations #combi-content .combi-selected { top: 12px; right: 12px; transform: translateY(0); } #product-tabs-fixed .product-tab#product-tab-combinations #combi-total { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: absolute; right: 12px; top: 41px; padding-left: 24px; } #product-tabs-fixed .product-tab#product-tab-combinations #order-combi-button { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: absolute; right: 12px; bottom: 95px; z-index: 5; padding-left: 24px; } #product-tabs-fixed .product-tab .calculator .form &gt; .grid-3-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin: 0; } } .linked_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: relative; margin: 0; } .linked_products &gt; .wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; position: relative; width: 100%; margin: 90px 0 84px 0; background: #f5f5f5; } .linked_products &gt; .wrap &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 16px; margin: -90px 0 -84px 0; max-width: 1152px; overflow: hidden; } .linked_products #linked_products_title { margin-bottom: 16px; } .linked_products #linked_products_title h2 { margin-bottom: 8px; } .linked_products #linked_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-wrap: nowrap; position: relative; left: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .linked_products #linked_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; margin-bottom: 36px; } .linked_products .custom-slider-nav { left: 50%; right: auto; width: 100%; max-width: 1152px; transform: translateX(-50%); } .linked_products .custom-slider-nav .custom-slider-prev { left: auto; right: 26px; } .linked_products .custom-slider-nav .custom-slider-prev, .linked_products .custom-slider-nav .custom-slider-next { margin-right: 12px; } @media (min-width: 768px) { .linked_products #linked_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } } @media (min-width: 992px) { .linked_products &gt; .wrap &gt; .in { padding: 0 12px; } .linked_products #linked_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 1200px) { .linked_products #linked_products .product { width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } .special-text { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0 0 36px 0; } .special-text .special-text-inner { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 16px; max-width: 1152px; } @media (min-width: 992px) { .special-text .special-text-inner { padding: 0 12px; } } .webshop-product .modal-backdrop { z-index: 1100; } #mediaModal { z-index: 1110; } #mediaModal .modal-dialog { width: 80%; min-height: calc(100% - (1.6rem * 2)); margin: 1.6rem auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #mediaModal .modal-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; border: none; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } #mediaModal .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } #mediaModal .modal-header .close { font-size: 31px; padding: 0.5rem; margin: -1rem -1rem -1rem auto; } #mediaModal .modal-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.6rem; } #mediaModal .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } #mediaModal .slick-list { position: relative; overflow: hidden; display: block; } #mediaModal .slick-list:focus { outline: none; } #mediaModal .slick-list.dragging { cursor: pointer; cursor: hand; } #mediaModal .slick-slider .slick-track, #mediaModal .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #mediaModal .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } #mediaModal .slick-track:before, #mediaModal .slick-track:after { content: ""; display: table; } #mediaModal .slick-track:after { clear: both; } .slick-loading #mediaModal .slick-track { visibility: hidden; } #mediaModal .slick-slide { float: left; height: 100%; min-height: 1px; } [dir="rtl"] #mediaModal .slick-slide { float: right; } #mediaModal .slick-slide img { display: block; } #mediaModal .slick-slide.slick-loading img { display: none; } #mediaModal .slick-slide.dragging img { pointer-events: none; } .slick-initialized #mediaModal .slick-slide { display: block; } .slick-loading #mediaModal .slick-slide { visibility: hidden; } .slick-vertical #mediaModal .slick-slide { display: block; height: auto; border: 1px solid transparent; } #mediaModal .slick-arrow.slick-hidden { display: none; } #mediaModal .slick-loading .slick-list { background: #fff url("/img/ajax-loader.gif") center center no-repeat; } #mediaModal .slick-prev, #mediaModal .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; text-align: center; z-index: 1; } #mediaModal .slick-prev:hover, #mediaModal .slick-prev:focus, #mediaModal .slick-next:hover, #mediaModal .slick-next:focus { color: transparent; outline: none; background: transparent; } #mediaModal .slick-prev:hover .fa, #mediaModal .slick-prev:focus .fa, #mediaModal .slick-next:hover .fa, #mediaModal .slick-next:focus .fa { opacity: 1; } #mediaModal .slick-prev.slick-disabled .fa, #mediaModal .slick-next.slick-disabled .fa { opacity: 0.25; } #mediaModal .slick-prev .fa, #mediaModal .slick-next .fa { font-size: 20px; line-height: 1; opacity: 0.75; color: #000; } #mediaModal .slick-prev { left: 0; } #mediaModal .slick-next { right: 0; } #mediaModal .slider-for .slide-image { height: 68vh; text-align: center; } #mediaModal .slider-for .slide-image img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 100%; display: inline-block; } #mediaModal .slider-for .slide-image .embed-responsive { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #mediaModal .slider-nav { margin-top: 1.6rem; } #mediaModal .slider-nav .slick-slide { width: 100px; height: 92px; } #mediaModal .slider-nav .slide-image { width: calc(100% - 8px); height: 100%; margin: 0 4px; padding: 0.8rem; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; text-align: center; line-height: 74px; } #mediaModal .slider-nav .slide-image img { max-width: 100%; max-height: 74px; display: inline-block; } #mediaModal .slider-nav .slick-current .slide-image { border-color: #4a7141; border-width: 2px; padding: 0.7rem; } @media (max-width: 767px) { #mediaModal .modal-dialog { width: 100%; min-height: 100%; margin-top: 0; margin-bottom: 0; -ms-flex-align: initial; align-items: initial; } #mediaModal .modal-content { border-radius: 0; } #mediaModal .modal-header { background-color: #4a7141; color: #fff; border-top-left-radius: 0; border-top-right-radius: 0; } #mediaModal .modal-header .modal-title { color: #fff; } #mediaModal .modal-header .close { color: #fff; opacity: 1; filter: alpha(opacity=100); text-shadow: none; } } #reviews { position: relative; } #reviews .reviews-title { width: 100%; } #reviews .reviews-title h2 { display: none; } #reviews .reviews-title .write-review { position: absolute; top: -36px; right: 24px; z-index: 5; width: auto; } #reviews .reviews-title .write-review a { display: block; line-height: 20px; color: #3d3e3d; text-decoration: underline; } #reviews .reviews-text { width: 100%; text-align: justify; } #reviews #reviews-ajax { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin-left: -16px; margin-right: -16px; margin-bottom: 36px; } #reviews #reviews-ajax .review-intro { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 8px; } #reviews #reviews-ajax .review-intro .reviews-amount-total { padding: 8px 8px 4px 8px; } #reviews #reviews-ajax .review-intro .reviews-average-stars { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0 8px; margin: 0; font-size: 12px; line-height: 12px; } #reviews #reviews-ajax .review-intro .reviews-average-stars .rateit { margin-right: 4px; } #reviews #reviews-ajax .review-intro .reviews-average { padding: 4px 8px 8px 8px; } #reviews #reviews-ajax .review { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding: 16px 8px; margin: 0; background: #f5f5f5; } #reviews #reviews-ajax .review:nth-child(2n+1) { background: #fff; } #reviews #reviews-ajax .review .item-name { display: none; } #reviews #reviews-ajax .review .review-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; padding-top: 20px; margin-bottom: 8px; border-bottom: 1px solid #e6e6e6; } #reviews #reviews-ajax .review .review-title .review-author { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; font-size: 0; text-indent: -9999px; } #reviews #reviews-ajax .review .review-title .review-author span, #reviews #reviews-ajax .review .review-title .review-author time { display: block; margin-right: 8px; font-size: 14px; text-indent: 0; } #reviews #reviews-ajax .review .review-title .review-author span { font-weight: 700; } #reviews #reviews-ajax .review .review-title .review-rating { position: absolute; top: 0; left: 12px; z-index: 5; } #reviews #reviews-ajax .review .review-title .review-rating .rating-num { display: none; } #reviews #reviews-ajax .review .review-summary { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 8px; } #reviews #reviews-ajax .review .review-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #reviews #reviews-ajax .review .review-images { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding: 0 6px; margin: 0; } #reviews #reviews-ajax .review .review-images .review-img-wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 6px; margin-top: 12px; } #reviews #reviews-ajax .review .review-images .review-img-wrap .review-img { display: block; padding: 0 0 67% 0; background: none center no-repeat; background-size: cover; } #reviews #reviews-ajax .review .review-images .review-img-wrap img { display: none; } #reviews #reviews-ajax .review .review-recommendation { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 12px; } #reviews #new-review { width: 100%; padding: 16px; margin: 0 0 36px 0; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } #reviews #new-review.hide { display: none; } #reviews #new-review .reviews-title h2 { display: block; line-height: 24px; margin-bottom: 16px; } #reviews #new-review .reviews-text { margin-bottom: 16px; } #reviews #new-review .form { width: 100%; } #reviews #new-review .form p.hint { margin: 5px 0; font-size: 11px; } #reviews #new-review .form .grid-12-12 { width: 100%; margin: 0 0 12px 0; padding: 0; } #reviews #new-review .form .grid-12-12 label { margin: 0 0 8px 0; } #reviews #new-review .form .grid-6-12 { width: 100%; max-width: 100%; margin: 0 0 12px 0; padding: 0; } #reviews #new-review .form .grid-6-12 label { margin: 0 0 8px 0; } #reviews #new-review .form .grid-3-12 { width: 100%; max-width: 100%; margin: 0 0 12px 0; padding: 0; } #reviews #new-review .form .grid-3-12 label { margin: 0 0 8px 0; } #reviews #new-review .form input, #reviews #new-review .form textarea { width: 100%; max-width: 314px; height: auto; min-height: 50px; padding: 14px 19px; line-height: 20px; } #reviews #new-review .form div:after { display: none; } #reviews #new-review .form .submit { margin: 12px 0 0 0; } #reviews #new-review .form .submit input { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } #reviews #new-review .form .submit input:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #reviews #new-review .form .submit input:hover { color: #fff; background: #3d3e3d; } #reviews #new-review .form .rateit.star-24 .rateit-range { background: url(/website/default-v2/images/star-24.png); } #reviews #new-review .form .rateit.star-24 .rateit-hover, #reviews #new-review .form .rateit.star-24 .rateit-selected { background: url(/website/default-v2/images/star-24.png) left -24px; } @media (min-width: 992px) { #reviews .reviews-title .write-review { top: -41px; right: 0; } #reviews #reviews-ajax { margin-left: 0; margin-right: 0; } #reviews #reviews-ajax .review .review-title { border: 0; } #reviews #reviews-ajax .review .review-images .review-img-wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 6px; } #reviews #new-review { padding: 24px; } } #shop-reviews #shop-reviews-title { padding: 0 12px; } #shop-reviews #write-review-anchor { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px; } #shop-reviews #write-review-anchor .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } #shop-reviews #write-review-anchor .form .grid-12-12, #shop-reviews #write-review-anchor .form .grid-9-12, #shop-reviews #write-review-anchor .form .grid-3-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px; } #shop-reviews #write-review-anchor .form .grid-12-12 &gt; label, #shop-reviews #write-review-anchor .form .grid-9-12 &gt; label, #shop-reviews #write-review-anchor .form .grid-3-12 &gt; label { margin-bottom: 8px; } #shop-reviews #write-review-anchor .form .grid-12-12 input, #shop-reviews #write-review-anchor .form .grid-9-12 input, #shop-reviews #write-review-anchor .form .grid-3-12 input, #shop-reviews #write-review-anchor .form .grid-12-12 textarea, #shop-reviews #write-review-anchor .form .grid-9-12 textarea, #shop-reviews #write-review-anchor .form .grid-3-12 textarea, #shop-reviews #write-review-anchor .form .grid-12-12 select, #shop-reviews #write-review-anchor .form .grid-9-12 select, #shop-reviews #write-review-anchor .form .grid-3-12 select { height: auto; min-height: 46px; padding: 12px 16px; line-height: 20px; } #shop-reviews #write-review-anchor .form .grid-12-12.header, #shop-reviews #write-review-anchor .form .grid-9-12.header, #shop-reviews #write-review-anchor .form .grid-3-12.header { margin-top: 12px; } #shop-reviews #write-review-anchor .form .grid-12-12.header span, #shop-reviews #write-review-anchor .form .grid-9-12.header span, #shop-reviews #write-review-anchor .form .grid-3-12.header span { font-family: "Roboto Slab", serif; font-weight: 700; line-height: 1.1; color: #1d1b28; margin-top: 20px; margin-bottom: 10px; font-size: 24px; margin-top: 16px; margin-bottom: 16px; font-size: 19px; } #shop-reviews #write-review-anchor .form .grid-12-12.header span small, #shop-reviews #write-review-anchor .form .grid-9-12.header span small, #shop-reviews #write-review-anchor .form .grid-3-12.header span small, #shop-reviews #write-review-anchor .form .grid-12-12.header span .small, #shop-reviews #write-review-anchor .form .grid-9-12.header span .small, #shop-reviews #write-review-anchor .form .grid-3-12.header span .small { font-weight: 400; line-height: 1; color: #777777; } #shop-reviews #write-review-anchor .form .grid-12-12.header span small, #shop-reviews #write-review-anchor .form .grid-9-12.header span small, #shop-reviews #write-review-anchor .form .grid-3-12.header span small, #shop-reviews #write-review-anchor .form .grid-12-12.header span .small, #shop-reviews #write-review-anchor .form .grid-9-12.header span .small, #shop-reviews #write-review-anchor .form .grid-3-12.header span .small { font-size: 65%; } #shop-reviews #write-review-anchor .form .grid-12-12.header span:first-child, #shop-reviews #write-review-anchor .form .grid-9-12.header span:first-child, #shop-reviews #write-review-anchor .form .grid-3-12.header span:first-child { margin-top: 0; } #shop-reviews #write-review-anchor .form .grid-12-12.header span a, #shop-reviews #write-review-anchor .form .grid-9-12.header span a, #shop-reviews #write-review-anchor .form .grid-3-12.header span a { color: inherit; text-decoration: none; } @media (min-width: 768px) { #shop-reviews #write-review-anchor .form .grid-12-12.header span, #shop-reviews #write-review-anchor .form .grid-9-12.header span, #shop-reviews #write-review-anchor .form .grid-3-12.header span { font-size: 21px; } } @media (min-width: 992px) { #shop-reviews #write-review-anchor .form .grid-12-12.header span, #shop-reviews #write-review-anchor .form .grid-9-12.header span, #shop-reviews #write-review-anchor .form .grid-3-12.header span { font-size: 24px; } } #shop-reviews #write-review-anchor .form .grid-12-12.has-custom-checkbox label, #shop-reviews #write-review-anchor .form .grid-9-12.has-custom-checkbox label, #shop-reviews #write-review-anchor .form .grid-3-12.has-custom-checkbox label { margin: 0; } #shop-reviews #write-review-anchor .form .grid-12-12.has-custom-checkbox .custom-checkbox-button, #shop-reviews #write-review-anchor .form .grid-9-12.has-custom-checkbox .custom-checkbox-button, #shop-reviews #write-review-anchor .form .grid-3-12.has-custom-checkbox .custom-checkbox-button { left: 12px; } #shop-reviews #write-review-anchor .form .grid-12-12 .errors, #shop-reviews #write-review-anchor .form .grid-9-12 .errors, #shop-reviews #write-review-anchor .form .grid-3-12 .errors { width: 100%; margin: 0; } #shop-reviews #write-review-anchor .form .grid-12-12 .errors li, #shop-reviews #write-review-anchor .form .grid-9-12 .errors li, #shop-reviews #write-review-anchor .form .grid-3-12 .errors li { padding: 0; margin: 8px 0 0 0; } #shop-reviews #write-review-anchor .form .grid-12-12 .errors li:before, #shop-reviews #write-review-anchor .form .grid-9-12 .errors li:before, #shop-reviews #write-review-anchor .form .grid-3-12 .errors li:before { display: none; } #shop-reviews #write-review-anchor .complete-rating ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0; margin: 0; } #shop-reviews #write-review-anchor .complete-rating ul li:before { display: none; } #shop-reviews #write-review-anchor .complete-rating ul li label { padding-right: 8px; line-height: 24px; } #shop-reviews #write-review-anchor .complete-rating ul li .rateit { padding: 0; } #shop-reviews #write-review-anchor .complete-rating ul li .rateit.star-24 .rateit-range { background: url(/website/default-v2/images/star-24.png); } #shop-reviews #write-review-anchor .complete-rating ul li .rateit.star-24 .rateit-hover, #shop-reviews #write-review-anchor .complete-rating ul li .rateit.star-24 .rateit-selected { background: url(/website/default-v2/images/star-24.png) left -24px; } #shop-reviews #write-review-anchor #reviewSubmit { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } #shop-reviews #write-review-anchor #reviewSubmit:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #shop-reviews #write-review-anchor #reviewSubmit:hover { color: #fff; background: #3d3e3d; } #shop-reviews #write-review-anchor #reviewSubmit:after { display: none; } @media (min-width: 992px) { #shop-reviews #write-review-anchor { margin-bottom: 24px; } } #shop-reviews .reviews-ordered-products ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0; margin: 0; list-style: none; } #shop-reviews .reviews-ordered-products ul li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0 0 12px 0; } #shop-reviews .reviews-ordered-products ul li:before { display: none; } #shop-reviews .reviews-ordered-products ul li a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: flex-start; align-content: center; align-items: center; position: relative; min-height: 120px; padding: 14px; margin: 0; overflow: hidden; border: 1px solid #f0f0f0; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } #shop-reviews .reviews-ordered-products ul li a:hover { background: #f0f0f0; } #shop-reviews .reviews-ordered-products ul li a img { position: absolute; top: 0; left: 0; z-index: 5; width: 120px; flex: 0 0 120px; height: 120px; object-fit: contain; } #shop-reviews .reviews-ordered-products ul li a span { width: 100%; flex: 0 0 100%; padding: 0 0 0 134px; color: #3d3e3d; } #shop-reviews .reviews-ordered-products ul li a:after { content: "Beoordeel product"; display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; margin: 14px 0 0 134px; } #shop-reviews .reviews-ordered-products ul li a:after:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #shop-reviews .reviews-ordered-products ul li a:after:hover { color: #fff; background: #3d3e3d; } @media (min-width: 992px) { #shop-reviews .reviews-ordered-products ul li a { min-height: 180px; } #shop-reviews .reviews-ordered-products ul li a img { width: 180px; flex: 0 0 180px; height: 180px; } #shop-reviews .reviews-ordered-products ul li a span { padding-left: 194px; } #shop-reviews .reviews-ordered-products ul li a:after { margin-left: 194px; } } body.shopping_cart #container .column_wrapper { margin: 0; } body.shopping_cart #container .column_wrapper &gt; .in { display: block; } body.shopping_cart #content &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 0; } #show-information { display: none; } #load-ajax { width: 100%; } .shoppingcart-content, .shoppingcart-overview, #account-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; max-width: 1152px; margin: 0; } .shoppingcart-content .shoppingcart-info, .shoppingcart-overview .shoppingcart-info, #account-content .shoppingcart-info { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .shoppingcart-content .shoppingcart-info *, .shoppingcart-overview .shoppingcart-info *, #account-content .shoppingcart-info * { display: none; } .shoppingcart-content .shoppingcart-info h1, .shoppingcart-overview .shoppingcart-info h1, #account-content .shoppingcart-info h1, .shoppingcart-content .shoppingcart-info h2, .shoppingcart-overview .shoppingcart-info h2, #account-content .shoppingcart-info h2 { display: block; margin: 0; font-size: 27px; line-height: 32px; } .shoppingcart-content .shoppingcart-info p:first-child, .shoppingcart-overview .shoppingcart-info p:first-child, #account-content .shoppingcart-info p:first-child { display: block; margin: 0; text-transform: uppercase; font-size: 11px; font-weight: 600; line-height: 18px; } .shoppingcart-content .shoppingcart-text, .shoppingcart-overview .shoppingcart-text, #account-content .shoppingcart-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; } .shoppingcart-content .shoppingcart-text &gt; form, .shoppingcart-overview .shoppingcart-text &gt; form, #account-content .shoppingcart-text &gt; form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; } .shoppingcart-content #product-overview, .shoppingcart-overview #product-overview, #account-content #product-overview { display: none; width: 100%; } .shoppingcart-content #product-overview ul, .shoppingcart-overview #product-overview ul, #account-content #product-overview ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 8px 0; list-style: none; } .shoppingcart-content #product-overview ul li, .shoppingcart-overview #product-overview ul li, #account-content #product-overview ul li { line-height: 18px; font-size: 12px; } .shoppingcart-content #product-overview ul li:before, .shoppingcart-overview #product-overview ul li:before, #account-content #product-overview ul li:before { display: none; } .shoppingcart-content #product-overview .heading-title, .shoppingcart-overview #product-overview .heading-title, #account-content #product-overview .heading-title { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .shoppingcart-content #product-overview .heading-quantity, .shoppingcart-overview #product-overview .heading-quantity, #account-content #product-overview .heading-quantity { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .shoppingcart-content #product-overview .heading-price, .shoppingcart-overview #product-overview .heading-price, #account-content #product-overview .heading-price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .shoppingcart-content #product-overview .heading-total, .shoppingcart-overview #product-overview .heading-total, #account-content #product-overview .heading-total { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: right; } .shoppingcart-content #orders-wrap, .shoppingcart-overview #orders-wrap, #account-content #orders-wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 24px; padding: 0; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .shoppingcart-content .order .order-info, .shoppingcart-overview .order .order-info, #account-content .order .order-info { padding: 24px 12px 12px 12px; } .shoppingcart-content .order .order-info ul, .shoppingcart-overview .order .order-info ul, #account-content .order .order-info ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; position: relative; padding: 0 0 36px 56px; margin: 0; list-style: none; } .shoppingcart-content .order .order-info ul li, .shoppingcart-overview .order .order-info ul li, #account-content .order .order-info ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: center !important; margin: 0; padding-left: 0; } .shoppingcart-content .order .order-info ul li:before, .shoppingcart-overview .order .order-info ul li:before, #account-content .order .order-info ul li:before { display: none; } .shoppingcart-content .order .order-info .order-product, .shoppingcart-overview .order .order-info .order-product, #account-content .order .order-info .order-product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: static; margin-bottom: 16px; } .shoppingcart-content .order .order-info .order-product .order-img, .shoppingcart-overview .order .order-info .order-product .order-img, #account-content .order .order-info .order-product .order-img { position: absolute; top: 0; left: 0; z-index: 5; width: 56px; height: 56px; overflow: hidden; } .shoppingcart-content .order .order-info .order-product .order-img img, .shoppingcart-overview .order .order-info .order-product .order-img img, #account-content .order .order-info .order-product .order-img img { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .shoppingcart-content .order .order-info .order-product .order-text h4, .shoppingcart-overview .order .order-info .order-product .order-text h4, #account-content .order .order-info .order-product .order-text h4 { margin: 0; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 20px; } .shoppingcart-content .order .order-info .order-quantity, .shoppingcart-overview .order .order-info .order-quantity, #account-content .order .order-info .order-quantity { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 16px; } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box, #account-content .order .order-info .order-quantity .add-subtract-box { position: relative; width: 50%; padding: 0 36px; min-height: 40px; background: #f5f5f5; } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-sub, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-sub, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-sub, .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-add, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-add, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-add { position: absolute; top: 50%; z-index: 5; width: 36px; height: 36px; margin-top: -18px; background: none center no-repeat; background-size: 12px 12px; cursor: pointer; } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-sub i, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-sub i, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-sub i, .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-add i, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-add i, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-add i { display: none; } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-sub, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-sub, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-sub { left: 0; background-image: url(/website/default-v2/images/icons/general/minus-black.svg); } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-add, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-add, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-add { right: 0; background-image: url(/website/default-v2/images/icons/general/plus-black.svg); } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-input, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-input, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-input { padding: 5px 0; } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box .quantity-input input, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box .quantity-input input, #account-content .order .order-info .order-quantity .add-subtract-box .quantity-input input { height: auto; min-height: 30px; padding: 0; line-height: 30px; appearance: textfield; text-align: center; border: 0; } .shoppingcart-content .order .order-info .order-quantity a, .shoppingcart-overview .order .order-info .order-quantity a, #account-content .order .order-info .order-quantity a { display: none; } .shoppingcart-content .order .order-info .order-price, .shoppingcart-overview .order .order-info .order-price, #account-content .order .order-info .order-price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; font-size: 12px; line-height: 18px; padding-right: 0; } .shoppingcart-content .order .order-info .order-price .old-price-cart, .shoppingcart-overview .order .order-info .order-price .old-price-cart, #account-content .order .order-info .order-price .old-price-cart { position: relative; display: block; opacity: 0.7; margin-right: 8px; } .shoppingcart-content .order .order-info .order-price .old-price-cart:before, .shoppingcart-overview .order .order-info .order-price .old-price-cart:before, #account-content .order .order-info .order-price .old-price-cart:before { content: ""; position: absolute; top: 25%; left: 50%; z-index: 5; width: 110%; height: 1px; background-color: #3d3e3d; transform: rotate(-10deg) translate(-50%, -50%); } .shoppingcart-content .order .order-info .order-total, .shoppingcart-overview .order .order-info .order-total, #account-content .order .order-info .order-total { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; text-align: right; padding-left: 0; } .shoppingcart-content .order .order-info .order-total span, .shoppingcart-overview .order .order-info .order-total span, #account-content .order .order-info .order-total span { width: 100%; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 16px; } .shoppingcart-content .order .order-info .order-total.has-old-price span, .shoppingcart-overview .order .order-info .order-total.has-old-price span, #account-content .order .order-info .order-total.has-old-price span { color: #ef8a17; } .shoppingcart-content .order .order-info .order-total a, .shoppingcart-overview .order .order-info .order-total a, #account-content .order .order-info .order-total a { display: none; } .shoppingcart-content .order .order-links, .shoppingcart-overview .order .order-links, #account-content .order .order-links { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 8px 24px 8px; border-bottom: 1px solid #ededed; } .shoppingcart-content .order .order-links a, .shoppingcart-overview .order .order-links a, #account-content .order .order-links a { font-size: 13px; font-weight: 600; color: #3d3e3d; display: inline-block; } .shoppingcart-content .order .order-links a span, .shoppingcart-overview .order .order-links a span, #account-content .order .order-links a span { margin-left: 3px; display: inline-block; line-height: 18px; vertical-align: middle; } .shoppingcart-content .order .order-links .move-to-wishlist, .shoppingcart-overview .order .order-links .move-to-wishlist, #account-content .order .order-links .move-to-wishlist, .shoppingcart-content .order .order-links .delete-from-cart, .shoppingcart-overview .order .order-links .delete-from-cart, #account-content .order .order-links .delete-from-cart { padding: 0 8px; display: inline-block; } .shoppingcart-content .order .order-links .move-to-wishlist a .fa, .shoppingcart-overview .order .order-links .move-to-wishlist a .fa, #account-content .order .order-links .move-to-wishlist a .fa { background: url(/website/default-v2/images/icons/general/heart-black.svg) 50% 50% no-repeat; background-size: 12px 12px; height: 12px; width: 12px; vertical-align: middle; } .shoppingcart-content .order .order-links .move-to-wishlist a .fa:before, .shoppingcart-overview .order .order-links .move-to-wishlist a .fa:before, #account-content .order .order-links .move-to-wishlist a .fa:before { display: none; } .shoppingcart-content .order .order-links .delete-from-cart a .fa, .shoppingcart-overview .order .order-links .delete-from-cart a .fa, #account-content .order .order-links .delete-from-cart a .fa { background: url(/website/default-v2/images/icons/general/bin.svg) 50% 50% no-repeat; background-size: 12px 12px; height: 12px; width: 12px; vertical-align: middle; } .shoppingcart-content .order .order-links .delete-from-cart a .fa:before, .shoppingcart-overview .order .order-links .delete-from-cart a .fa:before, #account-content .order .order-links .delete-from-cart a .fa:before { display: none; } .shoppingcart-content .order .shop_product_shipping_cost, .shoppingcart-overview .order .shop_product_shipping_cost, #account-content .order .shop_product_shipping_cost { display: none; } .shoppingcart-content .order .shop_product_pickup, .shoppingcart-overview .order .shop_product_pickup, #account-content .order .shop_product_pickup { position: relative; top: -1px; z-index: 5; padding: 16px 24px; background: #fce7cf; } .shoppingcart-content .order .shop_product_pickup:before, .shoppingcart-overview .order .shop_product_pickup:before, #account-content .order .shop_product_pickup:before { content: ""; display: block; position: absolute; top: 0; left: 24px; z-index: 5; border-top: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 0 solid transparent; } .shoppingcart-content .order.not-deliverable, .shoppingcart-overview .order.not-deliverable, #account-content .order.not-deliverable { border-left: 10px solid #fce7cf; } .shoppingcart-content #order-coupon-billing, .shoppingcart-overview #order-coupon-billing, #account-content #order-coupon-billing { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .shoppingcart-content #coupon-box, .shoppingcart-overview #coupon-box, #account-content #coupon-box { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 16px; } .shoppingcart-content #coupon-box &gt; .wrap, .shoppingcart-overview #coupon-box &gt; .wrap, #account-content #coupon-box &gt; .wrap { position: relative; padding: 24px; background: #f5f5f5; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .shoppingcart-content #coupon-box h2, .shoppingcart-overview #coupon-box h2, #account-content #coupon-box h2 { font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; line-height: 20px; margin: 0; } .shoppingcart-content #coupon-box #coupon-link, .shoppingcart-overview #coupon-box #coupon-link, #account-content #coupon-box #coupon-link { position: absolute; top: 27px; right: 24px; z-index: 5; display: block !important; } .shoppingcart-content #coupon-box #coupon-link.active, .shoppingcart-overview #coupon-box #coupon-link.active, #account-content #coupon-box #coupon-link.active { transform: rotate(180deg); } .shoppingcart-content #coupon-box #coupon-link a, .shoppingcart-overview #coupon-box #coupon-link a, #account-content #coupon-box #coupon-link a { display: block; width: 12px; height: 12px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-black.svg) 50% 50% no-repeat; background-size: 12px 8px; } .shoppingcart-content #coupon-box #coupon-content, .shoppingcart-overview #coupon-box #coupon-content, #account-content #coupon-box #coupon-content { margin-top: 12px; } .shoppingcart-content #coupon-box #coupon-content.hide, .shoppingcart-overview #coupon-box #coupon-content.hide, #account-content #coupon-box #coupon-content.hide { display: none; } .shoppingcart-content #coupon-box #coupon-content .grid-12-12, .shoppingcart-overview #coupon-box #coupon-content .grid-12-12, #account-content #coupon-box #coupon-content .grid-12-12 { display: none; } .shoppingcart-content #coupon-box #coupon-content .grid-8-12, .shoppingcart-overview #coupon-box #coupon-content .grid-8-12, #account-content #coupon-box #coupon-content .grid-8-12 { width: 100%; max-width: 100%; padding: 0; margin-bottom: 16px; } .shoppingcart-content #coupon-box #coupon-content .grid-8-12 input, .shoppingcart-overview #coupon-box #coupon-content .grid-8-12 input, #account-content #coupon-box #coupon-content .grid-8-12 input { width: 100%; max-width: 100%; height: auto; min-height: 50px; padding: 14px 19px; background: #fff; } .shoppingcart-content #coupon-box #coupon-content .grid-4-12, .shoppingcart-overview #coupon-box #coupon-content .grid-4-12, #account-content #coupon-box #coupon-content .grid-4-12 { width: 100%; max-width: 100%; padding: 0; } .shoppingcart-content #coupon-box #coupon-content .grid-4-12 a, .shoppingcart-overview #coupon-box #coupon-content .grid-4-12 a, #account-content #coupon-box #coupon-content .grid-4-12 a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; padding: 14px 19px; line-height: 20px; color: #1d1b28; border: 1px solid #1d1b28; background: #f0f0f0; float: none; } .shoppingcart-content #coupon-box #coupon-content .grid-4-12 a:after, .shoppingcart-overview #coupon-box #coupon-content .grid-4-12 a:after, #account-content #coupon-box #coupon-content .grid-4-12 a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .shoppingcart-content #coupon-box #coupon-content .grid-4-12 a:hover, .shoppingcart-overview #coupon-box #coupon-content .grid-4-12 a:hover, #account-content #coupon-box #coupon-content .grid-4-12 a:hover { color: #fff; background: #3d3e3d; } .shoppingcart-content #coupon-box #coupon-content .grid-4-12 a:after, .shoppingcart-overview #coupon-box #coupon-content .grid-4-12 a:after, #account-content #coupon-box #coupon-content .grid-4-12 a:after { display: none; } .shoppingcart-content #coupon-box #coupon-content .grid-4-12 a:hover, .shoppingcart-overview #coupon-box #coupon-content .grid-4-12 a:hover, #account-content #coupon-box #coupon-content .grid-4-12 a:hover { color: #fff; background: #1d1b28; } .shoppingcart-content #order-billing-wrap, .shoppingcart-overview #order-billing-wrap, #account-content #order-billing-wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .shoppingcart-content #order-billing-wrap.fixed .order-billing, .shoppingcart-overview #order-billing-wrap.fixed .order-billing, #account-content #order-billing-wrap.fixed .order-billing { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 100; width: auto; flex: 0 0 auto; padding: 24px; } .shoppingcart-content #order-billing-wrap.fixed .order-billing .products-total, .shoppingcart-overview #order-billing-wrap.fixed .order-billing .products-total, #account-content #order-billing-wrap.fixed .order-billing .products-total, .shoppingcart-content #order-billing-wrap.fixed .order-billing .shipping-costs, .shoppingcart-overview #order-billing-wrap.fixed .order-billing .shipping-costs, #account-content #order-billing-wrap.fixed .order-billing .shipping-costs { display: none; } .shoppingcart-content #order-billing-wrap.fixed .order-billing ul li.total, .shoppingcart-overview #order-billing-wrap.fixed .order-billing ul li.total, #account-content #order-billing-wrap.fixed .order-billing ul li.total { border-top-width: 0; padding-top: 0; margin-top: 0; } .shoppingcart-content .order-billing, .shoppingcart-overview .order-billing, #account-content .order-billing { padding: 36px 24px; background: #f5f5f5; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .shoppingcart-content .order-billing ul, .shoppingcart-overview .order-billing ul, #account-content .order-billing ul { margin: 0; padding: 0; list-style: none; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .shoppingcart-content .order-billing ul li, .shoppingcart-overview .order-billing ul li, #account-content .order-billing ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding-left: 0; } .shoppingcart-content .order-billing ul li:before, .shoppingcart-overview .order-billing ul li:before, #account-content .order-billing ul li:before { display: none; } .shoppingcart-content .order-billing ul li.total, .shoppingcart-overview .order-billing ul li.total, #account-content .order-billing ul li.total { margin-top: 12px; padding-top: 12px; font-family: "Roboto Slab", serif; font-size: 16px; font-weight: 700; border-top: 1px solid #1d1b28; } .shoppingcart-content .order-billing .billing-text, .shoppingcart-overview .order-billing .billing-text, #account-content .order-billing .billing-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 0; } .shoppingcart-content .order-billing .billing-price, .shoppingcart-overview .order-billing .billing-price, #account-content .order-billing .billing-price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 0; text-align: right; } .shoppingcart-content .order-billing .shipping-transport-remark, .shoppingcart-overview .order-billing .shipping-transport-remark, #account-content .order-billing .shipping-transport-remark { display: none; } .shoppingcart-content .order-buttons, .shoppingcart-overview .order-buttons, #account-content .order-buttons { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: column-reverse !important; margin: 24px 0 0 0; } .shoppingcart-content .order-buttons .orderBtn, .shoppingcart-overview .order-buttons .orderBtn, #account-content .order-buttons .orderBtn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; text-align: center; } .shoppingcart-content .order-buttons .orderBtn:after, .shoppingcart-overview .order-buttons .orderBtn:after, #account-content .order-buttons .orderBtn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .shoppingcart-content .order-buttons .orderBtn:hover, .shoppingcart-overview .order-buttons .orderBtn:hover, #account-content .order-buttons .orderBtn:hover { color: #fff; background: #3d3e3d; } .shoppingcart-content .order-buttons .btn-default, .shoppingcart-overview .order-buttons .btn-default, #account-content .order-buttons .btn-default { display: flex; width: auto; height: auto; line-height: 18px; margin: 12px 0 0 auto; padding: 0; background: none; border: 0; font-weight: 600; -webkit-transition: 0.5s all; transition: 0.5s all; } .shoppingcart-content .order-buttons .btn-default:before, .shoppingcart-overview .order-buttons .btn-default:before, #account-content .order-buttons .btn-default:before { content: ""; display: block; width: 4px; height: 18px; background: url(/website/default-v2/images/icons/general/arrow-button-black.svg) center no-repeat; background-size: 4px 9px; margin-right: 8px; transform: rotate(180deg); } .shoppingcart-content .order-buttons .btn-default:hover, .shoppingcart-overview .order-buttons .btn-default:hover, #account-content .order-buttons .btn-default:hover { color: #7caa7b; opacity: 1; } .shoppingcart-content .order-buttons .btn-default:hover:before, .shoppingcart-overview .order-buttons .btn-default:hover:before, #account-content .order-buttons .btn-default:hover:before { background-image: url(/website/default-v2/images/icons/general/arrow-button-green.svg); } .shoppingcart-content .transport_method_products_container, .shoppingcart-overview .transport_method_products_container, #account-content .transport_method_products_container { background-color: #fce7cf; padding-left: 12px; } .shoppingcart-content .transport_method_products_container .order, .shoppingcart-overview .transport_method_products_container .order, #account-content .transport_method_products_container .order { background-color: #fff; } .shoppingcart-content .transport_method_products_container .transport_method_text, .shoppingcart-overview .transport_method_products_container .transport_method_text, #account-content .transport_method_products_container .transport_method_text { position: relative; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 20px; font-size: 12px; line-height: 16px; font-weight: 600; color: #ef8a17; } .shoppingcart-content .transport_method_products_container .transport_method_text:before, .shoppingcart-overview .transport_method_products_container .transport_method_text:before, #account-content .transport_method_products_container .transport_method_text:before { position: absolute; left: 0; top: 12px; background: url(/website/default-v2/images/icons/notification/warning.svg) center no-repeat; background-size: 12px 12px; width: 12px; height: 12px; content: ""; display: block; } .shoppingcart-content #order-usps-help, .shoppingcart-overview #order-usps-help, #account-content #order-usps-help { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .shoppingcart-content #cart-usps, .shoppingcart-overview #cart-usps, #account-content #cart-usps { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 16px; margin-bottom: 4px; } .shoppingcart-content #cart-usps li, .shoppingcart-overview #cart-usps li, #account-content #cart-usps li { position: relative; padding-left: 20px; font-size: 13px; line-height: 18px; } .shoppingcart-content #cart-usps li:before, .shoppingcart-overview #cart-usps li:before, #account-content #cart-usps li:before { display: none; } .shoppingcart-content #cart-usps li .fa-check, .shoppingcart-overview #cart-usps li .fa-check, #account-content #cart-usps li .fa-check { position: absolute; top: 0; left: 0; z-index: 5; background: url(/website/default-v2/images/icons/general/check-black.svg) 0 0 no-repeat; background-size: 12px 14px; width: 12px; height: 12px; margin-top: 3px; } .shoppingcart-content #cart-usps li .fa-check:before, .shoppingcart-overview #cart-usps li .fa-check:before, #account-content #cart-usps li .fa-check:before { display: none; } .shoppingcart-content #cart-usps li + li, .shoppingcart-overview #cart-usps li + li, #account-content #cart-usps li + li { margin-top: 8px; } .shoppingcart-content #cart-need-help, .shoppingcart-overview #cart-need-help, #account-content #cart-need-help { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; margin-top: 16px; margin-bottom: 24px; min-height: 70px; line-height: 20px; padding: 5px 12px 5px 94px; } .shoppingcart-content #cart-need-help .cart-help-img, .shoppingcart-overview #cart-need-help .cart-help-img, #account-content #cart-need-help .cart-help-img { position: absolute; top: 0; left: 12px; z-index: 5; width: 70px; height: 70px; background: none center no-repeat; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media (min-width: 768px) { .shoppingcart-content #product-overview, .shoppingcart-overview #product-overview, #account-content #product-overview { display: block; } .shoppingcart-content #order-billing-wrap.fixed .order-billing, .shoppingcart-overview #order-billing-wrap.fixed .order-billing, #account-content #order-billing-wrap.fixed .order-billing { position: static; padding: 36px 24px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .shoppingcart-content #order-billing-wrap.fixed .order-billing .products-total, .shoppingcart-overview #order-billing-wrap.fixed .order-billing .products-total, #account-content #order-billing-wrap.fixed .order-billing .products-total, .shoppingcart-content #order-billing-wrap.fixed .order-billing .shipping-costs, .shoppingcart-overview #order-billing-wrap.fixed .order-billing .shipping-costs, #account-content #order-billing-wrap.fixed .order-billing .shipping-costs { display: flex; } .shoppingcart-content #order-billing-wrap.fixed .order-billing ul li.total, .shoppingcart-overview #order-billing-wrap.fixed .order-billing ul li.total, #account-content #order-billing-wrap.fixed .order-billing ul li.total { border-top-width: 1px; margin-top: 12px; padding-top: 12px; } .shoppingcart-content .order .order-info ul, .shoppingcart-overview .order .order-info ul, #account-content .order .order-info ul { padding: 0; } .shoppingcart-content .order .order-info .order-product, .shoppingcart-overview .order .order-info .order-product, #account-content .order .order-info .order-product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; position: relative; min-height: 56px; margin-bottom: 0; } .shoppingcart-content .order .order-info .order-product .order-img, .shoppingcart-overview .order .order-info .order-product .order-img, #account-content .order .order-info .order-product .order-img { left: 12px; } .shoppingcart-content .order .order-info .order-product .order-text, .shoppingcart-overview .order .order-info .order-product .order-text, #account-content .order .order-info .order-product .order-text { padding-left: 68px; } .shoppingcart-content .order .order-info .order-quantity, .shoppingcart-overview .order .order-info .order-quantity, #account-content .order .order-info .order-quantity { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 0; } .shoppingcart-content .order .order-info .order-quantity .add-subtract-box, .shoppingcart-overview .order .order-info .order-quantity .add-subtract-box, #account-content .order .order-info .order-quantity .add-subtract-box { width: calc(100% - 28px); } .shoppingcart-content .order .order-info .order-quantity a, .shoppingcart-overview .order .order-info .order-quantity a, #account-content .order .order-info .order-quantity a { display: block; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/bin.svg) 50% 50% no-repeat; background-size: 12px 12px; height: 12px; width: 12px; margin: 14px 0 0 16px; } .shoppingcart-content .order .order-info .order-price, .shoppingcart-overview .order .order-info .order-price, #account-content .order .order-info .order-price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .shoppingcart-content .order .order-info .order-price .old-price-cart, .shoppingcart-overview .order .order-info .order-price .old-price-cart, #account-content .order .order-info .order-price .old-price-cart { margin-right: 100%; } .shoppingcart-content .order .order-info .order-total, .shoppingcart-overview .order .order-info .order-total, #account-content .order .order-info .order-total { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .shoppingcart-content .order .order-links, .shoppingcart-overview .order .order-links, #account-content .order .order-links { padding-left: 12px; padding-right: 12px; } .shoppingcart-content .order .order-links .delete-from-cart, .shoppingcart-overview .order .order-links .delete-from-cart, #account-content .order .order-links .delete-from-cart { display: none; } .shoppingcart-content .order .order-links .move-to-wishlist, .shoppingcart-overview .order .order-links .move-to-wishlist, #account-content .order .order-links .move-to-wishlist { padding-left: 12px; padding-right: 12px; } } @media (min-width: 992px) { .shoppingcart-content .shoppingcart-info h1, .shoppingcart-overview .shoppingcart-info h1, #account-content .shoppingcart-info h1, .shoppingcart-content .shoppingcart-info h2, .shoppingcart-overview .shoppingcart-info h2, #account-content .shoppingcart-info h2 { line-height: 52px; font-size: 39px; } .shoppingcart-content #product-overview ul, .shoppingcart-overview #product-overview ul, #account-content #product-overview ul { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .shoppingcart-content #orders-wrap, .shoppingcart-overview #orders-wrap, #account-content #orders-wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding: 0; } .shoppingcart-content #order-coupon-billing, .shoppingcart-overview #order-coupon-billing, #account-content #order-coupon-billing { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0; } .shoppingcart-content #order-coupon-billing #coupon-box, .shoppingcart-overview #order-coupon-billing #coupon-box, #account-content #order-coupon-billing #coupon-box { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .shoppingcart-content #order-coupon-billing #order-billing-wrap, .shoppingcart-overview #order-coupon-billing #order-billing-wrap, #account-content #order-coupon-billing #order-billing-wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .shoppingcart-content #coupon-box, .shoppingcart-overview #coupon-box, #account-content #coupon-box { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .shoppingcart-content #order-billing-wrap, .shoppingcart-overview #order-billing-wrap, #account-content #order-billing-wrap { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 0 0 24px; } } #step1-content .shoppingcart-text { padding: 0; } #step1-content .shoppingcart-text .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; } #step1-content .shoppingcart-text .grid-2-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 8px 0; } #step1-content .shoppingcart-text .grid-2-12 #submit { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; min-height: 40px; padding: 10px 15px; } #step1-content .shoppingcart-text .grid-2-12 #submit:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #step1-content .shoppingcart-text .grid-2-12 #submit:hover { color: #fff; background: #3d3e3d; } #step1-content .shoppingcart-text .grid-2-12 #submit:after { display: none; } #step1-content .shoppingcart-text .grid-4-12, #step1-content .shoppingcart-text .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 8px 0; } #step1-content .shoppingcart-text .grid-4-12 label, #step1-content .shoppingcart-text .grid-6-12 label { width: 100%; margin: 0 0 8px 0; } #step1-content .shoppingcart-text .grid-4-12 input, #step1-content .shoppingcart-text .grid-6-12 input, #step1-content .shoppingcart-text .grid-4-12 select, #step1-content .shoppingcart-text .grid-6-12 select { width: 100%; min-height: 50px; padding: 14px 19px; } #step1-content .shoppingcart-text .grid-4-12 .errors, #step1-content .shoppingcart-text .grid-6-12 .errors { margin-top: 8px; } #step1-content .shoppingcart-text .grid-4-12 .errors li, #step1-content .shoppingcart-text .grid-6-12 .errors li { padding: 0; } #step1-content .shoppingcart-text .grid-4-12 .errors li:before, #step1-content .shoppingcart-text .grid-6-12 .errors li:before { display: none; } #step1-content .shoppingcart-text .grid-5-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 8px 0; } #step1-content .shoppingcart-text #invoice_postcode_check_message { margin-bottom: 8px; } #step1-content .shoppingcart-text .form-option { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 8px 0; } #step1-content .shoppingcart-text .form-option .check-list { position: relative; margin-top: 8px; } #step1-content .shoppingcart-text .form-option .check-list .check-input { position: absolute; top: 0; left: 0; z-index: 5; } #step1-content .shoppingcart-text .form-option .check-list label { position: relative; z-index: 10; padding-left: 20px; } #step1-content .shoppingcart-text .order-buttons { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 12px; } #step1-content .shoppingcart-text .order-buttons #submit, #step1-content .shoppingcart-text .order-buttons a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; } #step1-content .shoppingcart-text .order-buttons #submit:after, #step1-content .shoppingcart-text .order-buttons a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #step1-content .shoppingcart-text .order-buttons #submit:hover, #step1-content .shoppingcart-text .order-buttons a:hover { color: #fff; background: #3d3e3d; } #step1-content .shoppingcart-text .order-buttons #submit:before, #step1-content .shoppingcart-text .order-buttons a:before, #step1-content .shoppingcart-text .order-buttons #submit:after, #step1-content .shoppingcart-text .order-buttons a:after { display: none; } @media (min-width: 768px) { #step1-content .shoppingcart-text .grid-2-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; text-align: right; } #step1-content .shoppingcart-text .grid-5-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; line-height: 40px; } #step1-content .shoppingcart-text .grid-4-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #step1-content .shoppingcart-text .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #step1-content .shoppingcart-text .order-buttons #submit, #step1-content .shoppingcart-text .order-buttons a { width: auto; } } #step2-content .shoppingcart-text { padding: 0; } #step2-content .shoppingcart-text form .payment { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; margin: 0 0 8px 0; } #step2-content .shoppingcart-text form .payment-left { position: absolute; top: 0; left: 12px; z-index: 5; } #step2-content .shoppingcart-text form .payment-right { width: 100%; padding-left: 20px; } #step2-content .shoppingcart-text form .payment-right .payment-title label { position: relative; z-index: 15; padding-left: 20px; margin-left: -20px; line-height: 20px; } #step2-content .shoppingcart-text form .payment-right .payment-choice { width: 100%; } #step2-content .shoppingcart-text form .payment-right .payment-choice table, #step2-content .shoppingcart-text form .payment-right .payment-choice tbody, #step2-content .shoppingcart-text form .payment-right .payment-choice tr { display: block; width: 100%; } #step2-content .shoppingcart-text form .payment-right .payment-choice tr { display: flex; } #step2-content .shoppingcart-text form .payment-right .payment-choice tr td { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0; margin-top: 8px; } #step2-content .shoppingcart-text form .payment-right .payment-choice tr td label { position: relative; z-index: 10; padding: 0 0 0 20px; margin: 0 0 0 -20px; line-height: 20px; white-space: nowrap; } #step2-content .shoppingcart-text form .payment-right .payment-choice .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin-top: 8px; } #step2-content .shoppingcart-text form .payment-right .payment-choice .form .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 8px; } #step2-content .shoppingcart-text form .payment-right .payment-choice .form .grid-6-12 label { width: 100%; margin: 0 0 8px 0; } #step2-content .shoppingcart-text form .payment-right .payment-choice .form .grid-6-12 input { width: 100%; min-height: 50px; padding: 14px 19px; } #step2-content .shoppingcart-text form #giftcard-show-more { margin-top: 8px; margin-bottom: 16px; width: 100%; } #step2-content .shoppingcart-text form #giftcard-show-more .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 8px; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-6-12 label { width: 100%; margin: 0 0 8px 0; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-6-12 input { width: 100%; min-height: 50px; padding: 14px 19px; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-6-12 .errors { margin-top: 8px; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-6-12 .errors li { padding: 0; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-6-12 .errors li:before { display: none; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 16px; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-12-12 a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-12-12 a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-12-12 a:hover { color: #fff; background: #3d3e3d; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-12-12 a:after { display: none; } #step2-content .shoppingcart-text .order-buttons { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 12px; } #step2-content .shoppingcart-text .order-buttons .btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; display: flex; justify-content: center !important; width: 100%; } #step2-content .shoppingcart-text .order-buttons .btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #step2-content .shoppingcart-text .order-buttons .btn:hover { color: #fff; background: #3d3e3d; } #step2-content .shoppingcart-text .order-buttons .btn:before { display: none; } #step2-content .shoppingcart-text .order-buttons .btn:after { transform: rotate(90deg); } #step2-content .shoppingcart-text .order-buttons .btn.left { flex-direction: row-reverse !important; margin: 12px 0 0 0; } #step2-content .shoppingcart-text .order-buttons .btn.left:after { margin-left: 0; margin-right: 8px; transform: rotate(270deg); } #step2-content .shoppingcart-text .errors { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { #step2-content .shoppingcart-text form .payment-right .payment-choice .form .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #step2-content .shoppingcart-text form #giftcard-show-more .form .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #step2-content .shoppingcart-text .order-buttons { flex-direction: row !important; } #step2-content .shoppingcart-text .order-buttons .btn { width: auto; } } #step3-content form .form-option { width: 100%; } #step3-content form .form-option .form { width: 100%; } #step3-content form .form-option .form .grid-12-12 { width: 100%; padding: 0; margin-top: 8px; } #step3-content form .form-option .form .grid-12-12 textarea { width: 100%; height: auto; min-height: 50px; padding: 14px 19px; } #step3-content form .form-option .check-list { position: relative; margin-top: 8px; } #step3-content form .form-option .check-list .check-input { position: absolute; top: 0; left: 0; z-index: 5; } #step3-content form .form-option .check-list label { position: relative; z-index: 10; padding-left: 20px; } #step3-content .order-buttons { margin-top: 12px; } #step3-content .order-buttons .btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; display: flex; justify-content: center !important; width: 100%; } #step3-content .order-buttons .btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #step3-content .order-buttons .btn:hover { color: #fff; background: #3d3e3d; } #step3-content .order-buttons .btn:before { display: none; } #step3-content .order-buttons .btn.left { flex-direction: row-reverse !important; margin: 12px 0 0 0; } #step3-content .order-buttons .btn.left:after { margin-left: 0; margin-right: 8px; transform: rotate(270deg); } #step3-content .order-buttons .btn#busy { display: none; background: #7caa7b; } #step3-content .order-buttons .btn#busy:after { display: none; } @media (min-width: 768px) { #step3-content .order-buttons { flex-direction: row !important; } #step3-content .order-buttons .btn { width: auto; } } .blockOverlay { background: rgba(29, 27, 40, 0.4) !important; background-blend-mode: multiply; } .payment-page .shoppingcart-content { padding: 0 12px; margin: 0 0 24px 0; } .payment-page #step1-content, .payment-page #step2-content, .payment-page #step3-content { width: 100%; padding: 16px 8px 0 8px; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .payment-page #step1-content .shoppingcart-info, .payment-page #step2-content .shoppingcart-info, .payment-page #step3-content .shoppingcart-info { margin-bottom: 16px; } .payment-page #step1-content .shoppingcart-info h2, .payment-page #step2-content .shoppingcart-info h2, .payment-page #step3-content .shoppingcart-info h2 { font-family: "Roboto Slab", serif; font-weight: 700; line-height: 1.1; color: #1d1b28; margin-top: 20px; margin-bottom: 10px; font-size: 24px; margin-top: 16px; margin-bottom: 16px; font-size: 19px; margin-top: 0; } .payment-page #step1-content .shoppingcart-info h2 small, .payment-page #step2-content .shoppingcart-info h2 small, .payment-page #step3-content .shoppingcart-info h2 small, .payment-page #step1-content .shoppingcart-info h2 .small, .payment-page #step2-content .shoppingcart-info h2 .small, .payment-page #step3-content .shoppingcart-info h2 .small { font-weight: 400; line-height: 1; color: #777777; } .payment-page #step1-content .shoppingcart-info h2 small, .payment-page #step2-content .shoppingcart-info h2 small, .payment-page #step3-content .shoppingcart-info h2 small, .payment-page #step1-content .shoppingcart-info h2 .small, .payment-page #step2-content .shoppingcart-info h2 .small, .payment-page #step3-content .shoppingcart-info h2 .small { font-size: 65%; } .payment-page #step1-content .shoppingcart-info h2:first-child, .payment-page #step2-content .shoppingcart-info h2:first-child, .payment-page #step3-content .shoppingcart-info h2:first-child { margin-top: 0; } .payment-page #step1-content .shoppingcart-info h2 a, .payment-page #step2-content .shoppingcart-info h2 a, .payment-page #step3-content .shoppingcart-info h2 a { color: inherit; text-decoration: none; } @media (min-width: 768px) { .payment-page #step1-content .shoppingcart-info h2, .payment-page #step2-content .shoppingcart-info h2, .payment-page #step3-content .shoppingcart-info h2 { font-size: 21px; } } @media (min-width: 992px) { .payment-page #step1-content .shoppingcart-info h2, .payment-page #step2-content .shoppingcart-info h2, .payment-page #step3-content .shoppingcart-info h2 { font-size: 24px; } } .payment-page #step1-content .shoppingcart-text, .payment-page #step2-content .shoppingcart-text, .payment-page #step3-content .shoppingcart-text { margin-bottom: 16px; } .payment-page #step1-content .shoppingcart-text .errors, .payment-page #step2-content .shoppingcart-text .errors, .payment-page #step3-content .shoppingcart-text .errors { margin-top: 8px; color: #d7443e; font-weight: 600; } .payment-page #step1-content .shoppingcart-text .errors li, .payment-page #step2-content .shoppingcart-text .errors li, .payment-page #step3-content .shoppingcart-text .errors li { padding: 0; } .payment-page #step1-content .shoppingcart-text .errors li:before, .payment-page #step2-content .shoppingcart-text .errors li:before, .payment-page #step3-content .shoppingcart-text .errors li:before { display: none; } @media (min-width: 768px) { .payment-page #step1-content, .payment-page #step2-content, .payment-page #step3-content { padding: 24px 12px 12px 12px; } } @media (min-width: 992px) { .payment-page #step1-content, .payment-page #step2-content, .payment-page #step3-content { padding: 36px 16px 24px 16px; } } #account-content .shoppingcart-text &gt; p:last-of-type { margin-bottom: 24px; } #account-content .shoppingcart-text &gt; form .form { width: 100%; } #account-content .shoppingcart-text &gt; form .form .grid-4-12 { width: 100%; max-width: 100%; margin: 0 0 8px 0; padding: 0; } #account-content .shoppingcart-text &gt; form .form .grid-4-12 label { line-height: 18px; font-weight: 600; } #account-content .shoppingcart-text &gt; form .form .grid-8-12 { width: 100%; max-width: 100%; margin: 0 0 12px 0; padding: 0; } #account-content .shoppingcart-text &gt; form .form .grid-8-12 input { padding: 13px 19px; height: auto; min-height: 48px; line-height: 20px; max-width: 314px; } #account-content .shoppingcart-text &gt; form .form .submit { margin: 0; } #account-content .shoppingcart-text &gt; form .form .submit input { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; margin-top: 12px; } #account-content .shoppingcart-text &gt; form .form .submit input:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #account-content .shoppingcart-text &gt; form .form .submit input:hover { color: #fff; background: #3d3e3d; } .cart-information.popup { position: relative; max-height: 540px; overflow: auto; max-width: 921.6px; } .cart-information.popup #cart-information-left { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; flex: 0 0 100%; align-content: center; align-items: center; padding: 12px; margin: 0; background: #4a7141; } .cart-information.popup #cart-information-left &gt; .wrap &gt; .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; flex-direction: row !important; align-content: flex-start !important; margin: 0; } .cart-information.popup #cart-information-left #message-title { order: 2; flex: 1; position: relative; padding-left: 0; } .cart-information.popup #cart-information-left #message-title i { display: none; position: absolute; top: 50%; left: 0; z-index: 5; transform: translateY(-50%); height: 24px; width: 24px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/check-white.svg) center no-repeat; background-size: 24px 24px; } .cart-information.popup #cart-information-left #message-title h2 { font-family: "Montserrat", sans-serif; font-size: 14px; margin: 0; line-height: 20px; color: #fff; } .cart-information.popup #cart-information-left #order-buttons-top { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; margin: 0 0 16px 0; display: none !important; } .cart-information.popup #cart-information-left #order-buttons-top a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; min-height: 40px; padding: 10px 14px; font-size: 11px; } .cart-information.popup #cart-information-left #order-buttons-top a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .cart-information.popup #cart-information-left #order-buttons-top a:hover { color: #fff; background: #3d3e3d; } .cart-information.popup #cart-information-left #order-buttons-top #continue-shopping-top:after { display: none; } .cart-information.popup #cart-information-left #order-buttons-top #continue-pay-top { margin-left: auto; } .cart-information.popup #cart-information-left #product-picture { position: relative; order: 1; width: 40px; flex: 0 0 40px; padding: 0 0 40px 0; margin: 0 12px 0 0; } .cart-information.popup #cart-information-left #product-picture img { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; max-width: 100%; max-height: 100%; } .cart-information.popup #cart-information-left #product-info { order: 3; width: 100%; flex: 0 0 100%; color: #fff; } .cart-information.popup #cart-information-left #product-info #product-name { display: none; margin-top: 16px; font-weight: 700; } .cart-information.popup #cart-information-left #product-info #product-quantity, .cart-information.popup #cart-information-left #product-info #product-price-total { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 8px 0 0 0; } .cart-information.popup #cart-information-left #product-info #product-quantity span, .cart-information.popup #cart-information-left #product-info #product-price-total span { display: none; width: auto; flex: 0 0 auto; margin-right: 8px; font-weight: 700; } .cart-information.popup #cart-information-left #product-info #product-quantity .price, .cart-information.popup #cart-information-left #product-info #product-price-total .price { float: left; width: auto; flex: 0 0 auto; min-width: 40px; font-weight: 700; text-align: center; } .cart-information.popup #cart-information-left #product-info #product-quantity ins, .cart-information.popup #cart-information-left #product-info #product-price-total ins { text-decoration: none; font-size: 10.5px; } .cart-information.popup #cart-information-left #product-info #product-price-total { display: none; } .cart-information.popup #cart-information-left #product-info #product-price-total span { display: block; font-size: 0; text-indent: -9999px; } .cart-information.popup #cart-information-left #product-info #product-price-total span:before { content: "Totaal winkelwagen:"; float: left; width: 100%; font-size: 10.5px; text-indent: 0; white-space: nowrap; } .cart-information.popup #cart-information-left #product-info #product-quantity { display: none; } .cart-information.popup #cart-information-left #order-errors, .cart-information.popup #cart-information-left #combination-products { display: none; margin-top: 16px; font-weight: 700; color: #900; } .cart-information.popup #cart-information-right { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; flex: 0 0 100%; align-content: center; align-items: center; padding: 0 12px 12px 12px; margin: 0; background: #4a7141; } .cart-information.popup #cart-information-right &gt; .wrap { width: 100%; flex: 0 0 100%; } .cart-information.popup #cart-information-right #cart-title { display: none; } .cart-information.popup #cart-information-right #cart-title h2 { font-size: 14px; margin: 0 0 16px 0; line-height: 20px; } .cart-information.popup #cart-information-right #total-info #total-products, .cart-information.popup #cart-information-right #total-info #total { display: none; margin-top: 8px; font-weight: 700; } .cart-information.popup #cart-information-right #total-info #total-products span, .cart-information.popup #cart-information-right #total-info #total span { display: inline-block; width: 50%; } .cart-information.popup #cart-information-right #total-info #total-products ins, .cart-information.popup #cart-information-right #total-info #total ins { text-decoration: none; } .cart-information.popup #cart-information-right #total-info #total { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; flex: 0 0 100%; margin: 0 0 12px 0; font-weight: 700; font-size: 10.5px; color: #fff; } .cart-information.popup #cart-information-right #total-info #total span { display: block; float: left; width: auto; margin-right: 8px; font-size: 0; text-indent: -9999px; } .cart-information.popup #cart-information-right #total-info #total span:before { content: "Totaal winkelwagen:"; float: left; font-size: 10.5px; text-indent: 0; white-space: nowrap; } .cart-information.popup #cart-information-right #total-info #total .price { float: left; } .cart-information.popup #cart-information-right #total-info #total-shipping { display: none; } .cart-information.popup #cart-information-right #order-buttons { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: stretch !important; margin: 0; } .cart-information.popup #cart-information-right #order-buttons a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; min-height: 40px; padding: 10px 14px; font-size: 11px; } .cart-information.popup #cart-information-right #order-buttons a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .cart-information.popup #cart-information-right #order-buttons a:hover { color: #fff; background: #3d3e3d; } .cart-information.popup #cart-information-right #order-buttons #continue-shopping:after { display: none; } .cart-information.popup #cart-information-right #order-buttons #continue-pay { margin-left: auto; font-weight: 700; } .cart-information.popup .linked_products { width: 100%; max-width: 921.6px; padding-top: 12px; border-top: 1px solid #f0f0f0; } .cart-information.popup .linked_products &gt; .wrap { margin: 0; background: none; } .cart-information.popup .linked_products &gt; .wrap &gt; .in { margin: 0; } .cart-information.popup .linked_products #linked_products_title h2 { font-family: "Roboto Slab", serif; font-weight: 700; line-height: 1.1; color: #1d1b28; margin-top: 10px; margin-bottom: 10px; font-size: 20px; margin-top: 16px; margin-bottom: 16px; margin-bottom: 8px; font-size: 17px; } .cart-information.popup .linked_products #linked_products_title h2 small, .cart-information.popup .linked_products #linked_products_title h2 .small { font-weight: 400; line-height: 1; color: #777777; } .cart-information.popup .linked_products #linked_products_title h2 small, .cart-information.popup .linked_products #linked_products_title h2 .small { font-size: 75%; } .cart-information.popup .linked_products #linked_products_title h2:first-child { margin-top: 0; } .cart-information.popup .linked_products #linked_products_title h2 a { color: inherit; text-decoration: none; } @media (min-width: 768px) { .cart-information.popup .linked_products #linked_products_title h2 { font-size: 18px; } } @media (min-width: 992px) { .cart-information.popup .linked_products #linked_products_title h2 { font-size: 20px; } } .cart-information.popup .linked_products #linked_products .product a { padding-bottom: 70px; } .cart-information.popup .linked_products #linked_products .product .desc { display: none; } .cart-information.popup .linked_products #linked_products .product .hover-series-block { display: none; } @media (min-width: 768px) { .cart-information.popup .linked_products #linked_products .product a { padding-bottom: 90px; } .cart-information.popup .linked_products #linked_products .product .desc { display: block; } .cart-information.popup .linked_products #linked_products .product .hover-series-block { display: block; } } @media (min-width: 992px) { .cart-information.popup { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; margin: 0; } .cart-information.popup #cart-information-left { width: 576px; flex: 1; max-width: 576px; } .cart-information.popup #cart-information-left &gt; .wrap { margin-bottom: 24px; } .cart-information.popup #cart-information-left #message-title h2 { font-size: 21px; line-height: 24px; } .cart-information.popup #cart-information-left #order-buttons-top { display: none; } .cart-information.popup #cart-information-right { width: 460.8px; flex: 0 0 460.8px; max-width: 460.8px; padding-top: 12px; } .cart-information.popup #cart-information-right &gt; .wrap { padding-top: 0; border-top: 0; } .cart-information.popup #cart-information-right #cart-title h2 { font-size: 21px; line-height: 24px; } .cart-information.popup #cart-information-right #total-info #total { position: absolute; top: 76px; left: 12px; z-index: 1; flex-wrap: nowrap; width: auto; margin: 0; } .cart-information.popup #cart-information-right #order-buttons { justify-content: flex-end; } .cart-information.popup #cart-information-right #order-buttons a { padding: 13px 15px; font-size: 12px; } .cart-information.popup #cart-information-right #order-buttons #continue-pay { margin-left: 12px; } .cart-information.popup .linked_products { width: 921.6px; } .cart-information.popup .linked_products #linked_products .product { width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .webshop-brands { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .webshop-brands .top_text { width: 100%; margin-bottom: 24px; } .webshop-brands ul { width: 100%; margin: 0; padding: 0; list-style: none; } .webshop-brands ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; margin: 0 0 12px 0; padding: 0 12px; } .webshop-brands ul li:before { display: none; } .webshop-brands ul li h3 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; margin: 0; padding: 12px; text-align: center; background: #f0f0f0; } .webshop-brands ul li .letter-brand-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; margin: 0; padding: 6px; border: 1px solid #f0f0f0; } .webshop-brands ul li .letter-brand-content .brand { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 6px !important; } .webshop-brands ul li .letter-brand-content .brand a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-items: center !important; width: 100%; height: 100px; min-height: 100px; margin: 0; padding: 4px; font-weight: 700; color: #3d3e3d; border: 1px solid #f0f0f0; text-align: center; -webkit-transition: 0.5s all; transition: 0.5s all; } .webshop-brands ul li .letter-brand-content .brand a:hover { border-color: #4a7141; } .webshop-brands ul li .letter-brand-content .brand figure { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-content: center !important; padding: 0; margin: 0; width: 100%; height: 100%; } .webshop-brands ul li .letter-brand-content .brand figure + span { display: none; } .webshop-brands ul li .letter-brand-content .brand figure img { max-width: 100%; max-height: 100%; } .webshop-brands ul li .letter-brand-content .brand &gt; span { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-items: center !important; width: 100%; height: 100px; min-height: 100px; margin: 0; padding: 4px; border: 1px solid #f0f0f0; text-align: center; } @media (min-width: 768px) { .webshop-brands ul li .letter-brand-content .brand { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .webshop-brands ul li .letter-brand-content .brand { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .webshop-brands #brand-menu { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 0 16px 0; padding: 0 6px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .webshop-brands #brand-menu li { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin: 6px; padding: 0; } .webshop-brands #brand-menu li:before { display: none; } .webshop-brands #brand-menu li a { display: block; width: 30px; text-align: center; font-size: 12px; padding: 0; line-height: 30px; color: #3d3e3d; background: #f5f5f5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: 0.5s all; transition: 0.5s all; } .webshop-brands #brand-menu li a:hover, .webshop-brands #brand-menu li a.active { color: #fff; background: #7caa7b; } @media (min-width: 768px) { .webshop-brands ul li h3 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; padding: 12px; } .webshop-brands ul li .letter-brand-content { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; padding: 12px; } } @media (min-width: 992px) { .webshop-brands ul li { margin-bottom: 24px; } } .wishlist-list { width: 100%; max-width: 1152px; margin: 0; padding: 0 8px; } .wishlist-list.accounts { padding: 0; } .wishlist-list .page-title { padding: 0 8px; } @media (min-width: 768px) { .wishlist-list { padding: 0; } .wishlist-list .page-title { padding: 0 12px; } } .wishlist_container { width: 100%; } .wishlist_container .no-wishlist-text { margin-bottom: 36px; padding: 0 8px; } @media (min-width: 768px) { .wishlist_container .no-wishlist-text { margin-bottom: 48px; padding: 0 12px; } } .wishlist-buttons { width: 100%; max-width: 1152px; padding: 0 8px; } .wishlist-buttons a, .wishlist-buttons label { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 48%; min-height: 30px; padding: 5px 10px; font-size: 10px; margin-bottom: 8px; cursor: pointer; text-align: center; } .wishlist-buttons a:after, .wishlist-buttons label:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .wishlist-buttons a:hover, .wishlist-buttons label:hover { color: #fff; background: #3d3e3d; } .wishlist-buttons a:after, .wishlist-buttons label:after { display: none; } .wishlist-buttons a:nth-child(2n+2), .wishlist-buttons label:nth-child(2n+2) { margin-left: 2%; } @media (min-width: 768px) { .wishlist-buttons { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding: 0 12px; } .wishlist-buttons a, .wishlist-buttons label { -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin: 0 12px 0 0; } .wishlist-buttons a.wishlist-order, .wishlist-buttons label.wishlist-order { margin: 0 0 0 auto !important; } .wishlist-buttons a:nth-child(2n+2), .wishlist-buttons label:nth-child(2n+2) { margin-left: 0; } } @media (min-width: 992px) { .wishlist-buttons a, .wishlist-buttons label { font-size: 12px; min-height: 40px; padding: 10px 15px; margin-right: 16px; } } #email_form { margin-top: 12px; padding: 0 8px; } #email_form #email-input { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; } #email_form #email-input label { width: 100%; margin-bottom: 8px; line-height: 18px; font-size: 12px; font-weight: 700; } #email_form #email-input #email { width: 100%; height: auto; min-height: 40px; padding: 9px 14px; margin-bottom: 8px; } #email_form #email-input #submit { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; padding: 10px 15px; min-height: 40px; } #email_form #email-input #submit:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #email_form #email-input #submit:hover { color: #fff; background: #3d3e3d; } @media (min-width: 768px) { #email_form { padding: 0 12px; } #email_form #email-input { margin-top: 16px; } #email_form #email-input label { width: 20%; margin: 0; line-height: 40px; } #email_form #email-input #email { width: 48%; margin: 0 2% 0 0; } #email_form #email-input #submit { width: 30%; } } @media (min-width: 992px) { #email_form #email-input { width: 75%; } } @media (min-width: 1200px) { #email_form #email-input { width: 60%; } } .wishlist-rows-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; margin: 24px 0 16px 0; } .wishlist-rows-container #wishlist-rows-heading { display: none; } .wishlist-rows-container .wishlist-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 8px; margin-bottom: 16px; } .wishlist-rows-container .wishlist-row.has-old-price .wishlist-name { margin-bottom: 61px; } .wishlist-rows-container .wishlist-row .row-container { position: relative; width: 100%; height: 100%; padding: 16px; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } .wishlist-rows-container .wishlist-row .wishlist-img { position: relative; display: block; width: 100%; padding: 0 0 75% 0; overflow: hidden; } .wishlist-rows-container .wishlist-row .wishlist-img img { position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto !important; max-height: 100%; width: auto !important; max-width: 100%; } .wishlist-rows-container .wishlist-row .wishlist-name { display: block; width: 100%; margin-top: 16px; margin-bottom: 41px; } .wishlist-rows-container .wishlist-row .wishlist-name h4 { font-weight: 700; font-size: 12px; line-height: 18px; margin: 0; font-family: "Montserrat", sans-serif; } .wishlist-rows-container .wishlist-row .wishlist-name h4 a { display: block; } .wishlist-rows-container .wishlist-row .wishlist-price { position: absolute; left: 16px; bottom: 16px; z-index: 5; width: 100%; font-size: 20px; line-height: 25px; font-family: "Roboto Slab", serif; font-weight: 700; } .wishlist-rows-container .wishlist-row .wishlist-price .old-price-cart { display: inline-block; position: relative; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; margin-right: 100%; opacity: 0.7; white-space: nowrap; } .wishlist-rows-container .wishlist-row .wishlist-price .old-price-cart:before { content: ""; position: absolute; top: 25%; left: 50%; z-index: 5; width: 110%; height: 1px; background-color: #3d3e3d; transform: rotate(-10deg) translate(-50%, -50%); } .wishlist-rows-container .wishlist-row .direct_order { position: absolute; right: 0; bottom: 0; z-index: 5; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; cursor: pointer; background: url(/website/default-v2/images/icons/navigational/cart-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .wishlist-rows-container .wishlist-row .wishlist-remove-button { position: absolute; top: 12px; right: 12px; z-index: 10; } .wishlist-rows-container .wishlist-row .wishlist-remove-button a { display: block; width: 12px; height: 12px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/cross-black.svg) center no-repeat; background-size: contain; } @media (min-width: 768px) { .wishlist-rows-container { margin-bottom: 24px; } .wishlist-rows-container .wishlist-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 24px; } .wishlist-rows-container .wishlist-row .wishlist-name h4 { font-size: 14px; line-height: 20px; } } @media (min-width: 992px) { .wishlist-rows-container .wishlist-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } body.checkout-data #container .column_wrapper { margin: 0; } #checkout-top { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin-top: 16px; margin-bottom: 16px; } #checkout-top #checkout-back { display: block; } #checkout-top #checkout-back a { display: flex; line-height: 16px; font-size: 12px; color: #3d3e3d; -webkit-transition: 0.5s all; transition: 0.5s all; } #checkout-top #checkout-back a:before { content: ""; display: block; width: 4px; height: 16px; background: url(/website/default-v2/images/icons/general/arrow-button-black.svg) center no-repeat; background-size: 4px 9px; margin-right: 8px; transform: rotate(180deg); } #checkout-top #checkout-back a:hover { color: #7caa7b; opacity: 1; } #checkout-top #checkout-back a:hover:before { background-image: url(/website/default-v2/images/icons/general/arrow-button-green.svg); } #checkout-top #checkout-back i { display: none; } #checkout-top #checkout-usp { display: none !important; } @media (min-width: 992px) { #checkout-top { margin-top: 0; } } #one-page-checkout { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; } #one-page-checkout &gt; form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } #one-page-checkout td, #one-page-checkout label { position: relative; } #one-page-checkout td &gt; input[type="radio"], #one-page-checkout label &gt; input[type="radio"], #one-page-checkout td &gt; input[type="checkbox"], #one-page-checkout label &gt; input[type="checkbox"] { position: absolute; top: 2px; left: 0; z-index: 5; width: 16px; height: 16px; min-height: 16px !important; margin: 0; } #one-page-checkout label.error { font-weight: 600; color: #900; } #one-page-checkout .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0 6px; } #one-page-checkout .row .col-md-3 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 6px; } #one-page-checkout .row .col-md-4 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 6px; } #one-page-checkout .row .col-md-6 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 6px; } #one-page-checkout .row .col-md-8 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding: 0 6px; } #one-page-checkout .checkout-box { width: 100%; margin-bottom: 24px; padding: 16px 0; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); } #one-page-checkout .checkout-box-title { display: block; width: 100%; margin-bottom: 16px; padding: 0 16px; font-weight: 700; font-size: 14px; line-height: 20px; font-family: "Roboto Slab", serif; } #one-page-checkout .checkout-box-content { display: block; width: 100%; padding: 0 8px; } #one-page-checkout .checkout-box-content .form-group { margin-bottom: 16px; } #one-page-checkout .checkout-box-content .col-md-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 8px; float: none; } #one-page-checkout .checkout-box-content .col-md-12 label { display: inline-block; margin-bottom: 6px; } #one-page-checkout .checkout-box-content .col-md-12 input:not([type="submit"], [type="button"], [type="reset"]), #one-page-checkout .checkout-box-content .col-md-12 select, #one-page-checkout .checkout-box-content .col-md-12 textarea { padding: 14px; line-height: 20px; height: auto !important; min-height: 50px !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #one-page-checkout .checkout-box-content .col-md-12 input[type="radio"], #one-page-checkout .checkout-box-content .col-md-12 input[type="checkbox"] { min-height: 16px !important; width: 16px; padding: 0; margin-top: 3px; } #one-page-checkout .checkout-box-content .input-company { display: none; } #one-page-checkout .checkout-box-content .input-company.visible { display: block; } #one-page-checkout .checkout-box-content .help-block { margin-bottom: 0; } #one-page-checkout .checkout-box-content .help-block a { color: #3d3e3d; text-decoration: underline; cursor: pointer; } #one-page-checkout .checkout-box-content .help-block a:hover { color: #7caa7b; } #one-page-checkout .checkout-box-content .account-usps { float: left; width: 100%; padding: 0 8px; margin: 0 0 8px 0; border-top: 1px solid #fff; } #one-page-checkout .checkout-box-content .account-usps li { position: relative; padding-left: 20px; font-size: 13px; line-height: 18px; background: none; } #one-page-checkout .checkout-box-content .account-usps li:before { display: none; } #one-page-checkout .checkout-box-content .account-usps li .fa-check { position: absolute; top: 0; left: 0; z-index: 5; background: url(/website/default-v2/images/icons/general/check-black.svg) center no-repeat; background-size: 12px 14px; width: 16px; height: 12px; margin-top: 3px; } #one-page-checkout .checkout-box-content .account-usps li .fa-check:before { display: none; } #one-page-checkout .checkout-box-content .account-usps li + li { margin-top: 8px; } #one-page-checkout #account-password { display: none; } #one-page-checkout #shipping-address { display: none; width: 100%; } #one-page-checkout #shipping-methods { margin: 0 0 8px 0; } #one-page-checkout #shipping-methods #gardencentre_locations .form-group { padding-left: 20px; } #one-page-checkout #shipping-methods .location-not-in-stock, #one-page-checkout #shipping-methods .location-in-stock { width: 100%; padding: 10px; margin-top: 10px; border: 1px solid transparent; display: block; font-size: 14px; } #one-page-checkout #shipping-methods .location-not-in-stock { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } #one-page-checkout #shipping-methods .location-in-stock { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } #one-page-checkout #shipping-methods .checkbox { margin: 0 0 8px 0; } #one-page-checkout #shipping-methods .row { padding: 0 8px; } #one-page-checkout #shipping-methods .row ul { padding-left: 20px; } #one-page-checkout #shipping-methods #pickup_locations .form-group { padding-left: 20px; } #one-page-checkout #shipping-methods #pickup_locations .pickup_location_info { position: relative; padding: 0 20px 0 0; } #one-page-checkout #shipping-methods #pickup_locations .pickup_location_info span + span { position: absolute; top: 0; right: 0; z-index: 5; width: 16px; height: 16px; font-size: 0; text-indent: -9999px; background: #f0f0f0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #one-page-checkout #shipping-methods #pickup_locations .pickup_location_info span + span:before { content: "\f041"; font-family: "fontAwesome"; display: block; width: 100%; font-size: 10px; text-align: center; text-indent: 0; line-height: 16px; } #one-page-checkout #voucher-html-container .checkbox { margin: 0; } #one-page-checkout #voucher-html-container .checkbox label { margin: 0; } #one-page-checkout #voucher-html-container .checkout-box-content { margin-bottom: 16px; } #one-page-checkout #enter-discount { display: none; width: 100%; margin-top: 8px; } #one-page-checkout #enter-discount .col-md-8 .form-group { margin: 0; } #one-page-checkout #enter-discount .col-md-8 input { padding: 10px 15px; min-height: 40px; } #one-page-checkout #enter-discount .col-md-4 .btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; padding: 10px 15px; min-height: 40px; width: 100%; } #one-page-checkout #enter-discount .col-md-4 .btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #one-page-checkout #enter-discount .col-md-4 .btn:hover { color: #fff; background: #3d3e3d; } #one-page-checkout #enter-discount .col-md-4 .btn:after { display: none; } #one-page-checkout #payment-methods { margin-bottom: 8px; } #one-page-checkout #payment-methods &gt; .col-md-12 &gt; p { color: #ef8a17; } #one-page-checkout #payment-methods .payment { margin-bottom: 8px; } #one-page-checkout #payment-methods .radio.with-icon, #one-page-checkout #payment-methods .radio-inline.with-icon { margin: 0; } #one-page-checkout #payment-methods .radio.with-icon &gt; label, #one-page-checkout #payment-methods .radio-inline.with-icon &gt; label { margin: 0; } #one-page-checkout #payment-methods .radio.with-icon .custom-radio-button, #one-page-checkout #payment-methods .radio-inline.with-icon .custom-radio-button { top: 5px; } #one-page-checkout #payment-methods .radio.with-icon .payment-icon, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-icon { display: inline-block; } #one-page-checkout #payment-methods .radio.with-icon .payment-icon img, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-icon img { display: block; width: auto !important; height: 26px !important; } #one-page-checkout #payment-methods .radio.with-icon .payment-name, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-name { display: inline-block; line-height: 26px; } #one-page-checkout #payment-methods .radio.with-icon .payment-choice, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice { width: 100%; padding-left: 20px; margin-bottom: 8px; } #one-page-checkout #payment-methods .radio.with-icon .payment-choice .custom-radio-button, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice .custom-radio-button { top: 2px; } #one-page-checkout #payment-methods .radio.with-icon .payment-choice table, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice table, #one-page-checkout #payment-methods .radio.with-icon .payment-choice tbody, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice tbody, #one-page-checkout #payment-methods .radio.with-icon .payment-choice tr, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice tr { display: block; width: 100%; } #one-page-checkout #payment-methods .radio.with-icon .payment-choice tr, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice tr { display: flex; } #one-page-checkout #payment-methods .radio.with-icon .payment-choice tr td, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice tr td { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0; margin-top: 8px; } #one-page-checkout #payment-methods .radio.with-icon .payment-choice tr td label, #one-page-checkout #payment-methods .radio-inline.with-icon .payment-choice tr td label { position: relative; z-index: 10; margin: 0 0 0 -20px; line-height: 20px; white-space: nowrap; } #one-page-checkout #payment-methods ul.errors { padding-left: 30px; } #one-page-checkout #payment-methods #savingscard-show-more, #one-page-checkout #payment-methods #giftcard-show-more { width: 100%; padding-left: 20px; } #one-page-checkout #payment-methods .giftcard-explanation { margin-top: 8px; } #one-page-checkout #payment-methods .form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin-bottom: 8px; padding: 0 6px; } #one-page-checkout #payment-methods .form label { padding: 0 6px; } #one-page-checkout #payment-methods .form .grid-6-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 8px; padding: 0 6px; } #one-page-checkout #payment-methods .form .grid-6-12 input { padding: 10px 15px; min-height: 40px; } #one-page-checkout #payment-methods .form .grid-12-12 { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 8px; padding: 0 6px; } #one-page-checkout #payment-methods .form .grid-12-12 .btn { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; padding: 10px 15px; min-height: 40px; } #one-page-checkout #payment-methods .form .grid-12-12 .btn:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #one-page-checkout #payment-methods .form .grid-12-12 .btn:hover { color: #fff; background: #3d3e3d; } #one-page-checkout #payment-methods .form .grid-12-12 .btn:after { display: none; } #one-page-checkout #checkout-summary { margin-bottom: 16px; } #one-page-checkout #checkout-summary #summary-titles ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding: 0; list-style: none; } #one-page-checkout #checkout-summary #summary-titles ul li { font-size: 12px; line-height: 18px; } #one-page-checkout #checkout-summary #summary-titles ul li:before { display: none; } #one-page-checkout #checkout-summary #summary-titles ul li.title-large { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 0; } #one-page-checkout #checkout-summary #summary-titles ul li.title-small { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: 0; } #one-page-checkout #checkout-summary #summary-products .product-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding: 8px 0; border-bottom: 1px solid #1d1b28; } #one-page-checkout #checkout-summary #summary-products .product-box .pro-name { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 0; font-size: 12px; line-height: 18px; } #one-page-checkout #checkout-summary #summary-products .product-box .pro-name a { display: block; color: #3d3e3d; } #one-page-checkout #checkout-summary #summary-products .product-box .pro-name a:hover { color: #7caa7b; } #one-page-checkout #checkout-summary #summary-products .product-box .pro-amount { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: 0; font-size: 12px; line-height: 18px; } #one-page-checkout #checkout-summary #summary-products .product-box .pro-subtotal { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: 0; font-size: 12px; line-height: 18px; } #one-page-checkout #checkout-summary #summary-products .product-box .pro-shipping { display: none; } #one-page-checkout #checkout-summary #summary-products .product-box .location-not-in-stock { display: none; } #one-page-checkout #checkout-summary #summary-totals ul { margin: 0; padding: 0 0 8px 0; list-style: none; border-bottom: 1px solid #1d1b28; } #one-page-checkout #checkout-summary #summary-totals ul li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; padding: 8px 0 0 0; } #one-page-checkout #checkout-summary #summary-totals ul li:before { display: none; } #one-page-checkout #checkout-summary #summary-totals ul li .totals-left { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding-left: 0; font-size: 12px; line-height: 18px; } #one-page-checkout #checkout-summary #summary-totals ul li .totals-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: 0; font-size: 12px; line-height: 18px; } #one-page-checkout #checkout-summary #summary-totals ul li .totals-name { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 0; font-size: 12px; line-height: 18px; font-weight: 700; } #one-page-checkout #checkout-summary #summary-totals ul li .totals-amount, #one-page-checkout #checkout-summary #summary-totals ul li .totals-price { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-right: 0; font-size: 12px; line-height: 18px; font-weight: 700; } #one-page-checkout #checkout-remarks { margin: 0 0 16px 0; } #one-page-checkout #checkout-remarks label { margin-bottom: 6px; } #one-page-checkout #checkout-remarks textarea { background-color: #fff; } #one-page-checkout #checkout-checks .checkbox { margin: 0 0 16px 0; } #one-page-checkout #checkout-checks .checkbox .custom-checkbox-button { background-color: #fff; border: 1px solid #8b8d8b; } #one-page-checkout #checkout-checks .checkbox input[type="checkbox"] { background-color: #fff; border: 1px solid #8b8d8b; padding: 0; } #one-page-checkout #checkout-checks ul.errors { padding-left: 30px; } #one-page-checkout #checkout-button input, #one-page-checkout #checkout-button &gt; span { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; margin-bottom: 16px; text-align: center; } #one-page-checkout #checkout-button input:after, #one-page-checkout #checkout-button &gt; span:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #one-page-checkout #checkout-button input:hover, #one-page-checkout #checkout-button &gt; span:hover { color: #fff; background: #3d3e3d; } #one-page-checkout #checkout-button input:after, #one-page-checkout #checkout-button &gt; span:after { display: none; } #one-page-checkout #checkout-button input.quotation-not-possible, #one-page-checkout #checkout-button &gt; span.quotation-not-possible { cursor: not-allowed; } #one-page-checkout #checkout-button span:not([style='display:none;']) + .btn-wrap { display: none; } #one-page-checkout #checkout-button .btn-wrap { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; position: relative; width: 100%; margin-bottom: 16px; text-align: center; } #one-page-checkout #checkout-button .btn-wrap:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } #one-page-checkout #checkout-button .btn-wrap:hover { color: #fff; background: #3d3e3d; } #one-page-checkout #checkout-button .btn-wrap input { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; opacity: 0; } #checkout-left { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { #checkout-left { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { #checkout-left { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } #checkout-center { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #checkout-center .delivery-email { display: none; } @media (min-width: 768px) { #checkout-center { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { #checkout-center { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } #checkout-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #checkout-right .checkout-box { border: 1px solid #7caa7b; background: #f5f5f5; } #checkout-right .checkout-box .checkout-box-content { padding: 0 16px; } @media (min-width: 992px) { #checkout-right { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } #login-box { z-index: 1100; } #login-box .reveal-password .reveal-password-icon { top: 5px; right: 5px; } .custom-control { position: relative; z-index: 1; display: block; min-height: 24px; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .custom-control input[type="radio"], .custom-control input[type="checkbox"] { margin: 0; } .custom-control.has-custom-checkbox .custom-checkbox-button { background-color: #fff; top: 16px; left: 8px; } .custom-control.has-custom-checkbox .custom-control-label { padding-left: 36px!important; margin-right: -20px; } .custom-control .custom-control-input { position: absolute; left: 0; z-index: -1; width: 16px; height: 20px; opacity: 0; } .custom-control .custom-control-label { position: relative; width: 100%; margin-bottom: 0; vertical-align: top; line-height: 24px; cursor: pointer; } .product-configurator { background-color: #f5f5f5; padding: 36px 24px; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } .product-configurator #configurator-question-title h1 { font-size: 24px; } .product-configurator #configurator-question-content #configurator-question-text { margin-bottom: 12px; } .product-configurator #configurator-question-content #configurator-slider { margin-bottom: 12px; } .product-configurator #configurator-question-content #configurator-slider #refine-fields { margin-top: 12px; } .product-configurator #configurator-question-content #configurator-slider #refine-fields .form-control { width: auto; display: inline-block; } .product-configurator #configurator-question-content #configurator-question-options { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin-bottom: 12px; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option { position: relative; width: 100%; padding-right: 12px; padding-left: 12px; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture { flex: 0 0 25%; max-width: 25%; margin-bottom: 12px; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control .custom-control-label { background-color: #fff; border: 2px solid #e2e2e2; border-radius: 8px; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control .custom-control-label .question-picture { width: 100%; display: block; border-top-left-radius: 8px; border-top-right-radius: 8px; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control .custom-control-label .question-picture img { width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control .custom-control-label .labeltext { padding-top: 8px; padding-bottom: 8px; padding-left: 28px; display: block; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control .custom-control-label:before, .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control .custom-control-label:after { top: auto; bottom: 12px; left: 4px; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control .custom-control-label:hover { background-color: rgba(80, 80, 80, 0.05); } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.has_picture .custom-control-input:checked ~ .custom-control-label { border-color: #1d1b28; } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.no_picture .custom-control .custom-control-label { padding-top: 12px; padding-bottom: 12px; padding-left: 28px; border-bottom: 2px solid rgba(80, 80, 80, 0.05); } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.no_picture .custom-control .custom-control-label:hover { background-color: rgba(80, 80, 80, 0.05); } .product-configurator #configurator-question-content #configurator-question-options .configurator-question-option.no_picture .custom-control-input:checked ~ .custom-control-label { background-color: rgba(80, 80, 80, 0.05); } .product-configurator #configurator-question-content #configurator-buttons { display: flex; justify-content: space-between; flex-direction: row-reverse; } @media (min-width: 992px) { .product-configurator { padding: 36px 39.9999984px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } } .block_type_webshop_shoppingcart { position: relative; } .block_type_webshop_shoppingcart ins { text-decoration: none; } .block_type_webshop_shoppingcart.show-popup .popup-cart { right: 0; } .block_type_webshop_shoppingcart.show-popup .popup-cart:before { visibility: visible; opacity: 1; } .block_type_webshop_shoppingcart.show-popup .popup-cart:after { right: 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); } .block_type_webshop_shoppingcart.show-popup .popup-cart .close-cart-popup, .block_type_webshop_shoppingcart.show-popup .popup-cart .cart-links { right: 0; } .block_type_webshop_shoppingcart .block-content &gt; a { position: relative; display: block; min-width: 24px; height: 24px; background: url("/website/default-v2/images/icons/navigational/cart-white.svg") 50% 50% no-repeat; background-size: contain; } .block_type_webshop_shoppingcart .block-content .info { position: relative; display: inline-block; width: 40px; height: 40px; margin-top: -8px; margin-right: -8px; background: url("/website/default-v2/images/icons/navigational/cart-white.svg") 50% 65% no-repeat #e6bd1c; background-size: 18px 18px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .block_type_webshop_shoppingcart .block-content .info.no_items { display: none; } .block_type_webshop_shoppingcart .block-content .info .items_row .items_value { position: absolute; top: 6px; right: 8px; z-index: 10; line-height: 13px; font-size: 10px; color: #ffffff; font-weight: 700; } .block_type_webshop_shoppingcart .block-content .info .items_row .items_text { display: none; } .block_type_webshop_shoppingcart .block-content .info .price_row { display: none; } .block_type_webshop_shoppingcart .block-content .cart-links { display: none; } .block_type_webshop_shoppingcart .popup-cart { display: block !important; position: fixed; top: 0; right: -310px; z-index: 905; width: 310px; height: 100%; padding-top: 45.99999992px; padding-bottom: 73px; overflow: auto; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_shoppingcart .popup-cart:before { content: ""; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; visibility: hidden; opacity: 0; background: rgba(29, 27, 40, 0.88); background-blend-mode: multiply; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_shoppingcart .popup-cart:after { content: ""; position: fixed; top: 0; right: -310px; width: 310px; height: 100%; z-index: 2; background: #fff; -webkit-border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_shoppingcart .popup-cart .close-cart-popup { display: flex; position: fixed; top: 0; right: -310px; z-index: 20; width: 310px; padding: 16px; text-align: right; border-bottom: 1px solid #f0f0f0; background: #ffffff; -webkit-border-radius: 16px 0 0 0; -moz-border-radius: 16px 0 0 0; border-radius: 16px 0 0 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_shoppingcart .popup-cart .close-cart-popup .close-cart-popup-in { width: 14px; height: 14px; margin-left: auto; cursor: pointer; background: url(/website/default-v2/images/icons/general/cross-black.svg) center no-repeat; background-size: 14px 14px; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row { position: relative; z-index: 5; padding: 16px 12px; border-top: 1px solid #f0f0f0; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product ul { padding: 0 20px 0 68px; margin: 0; list-style: none; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product ul li { position: static; padding-left: 0; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product ul li:before { display: none; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-img { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-content: center !important; position: absolute; top: 16px; left: 12px; z-index: 5; width: 56px; height: 56px; margin: 0; overflow: hidden; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-img a { width: 100%; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-img img { max-width: 100%; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-text .quantity { position: absolute; top: 0; left: 0; z-index: 10; width: 24px; line-height: 24px; text-align: center; font-size: 11px; color: #ffffff; background: #1d1b28; -webkit-border-radius: 0 0 12px 0; -moz-border-radius: 0 0 12px 0; border-radius: 0 0 12px 0; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-text a { display: block; color: #3d3e3d; margin-bottom: 8px; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-total span { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 16px; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-total a { position: absolute; top: 12px; right: 12px; z-index: 15; width: 8px; height: 8px; background: url(/website/default-v2/images/icons/general/cross-black.svg) center no-repeat; background-size: 8px 8px; } .block_type_webshop_shoppingcart .popup-cart .popup-cart-product .popup-cart-row-total a i { display: none; } .block_type_webshop_shoppingcart .popup-cart .cart-links { position: fixed; right: -310px; bottom: 0; z-index: 50; width: 310px; padding: 16px 12px; border-top: 1px solid #f0f0f0; background: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_shoppingcart .popup-cart .cart-links .pay-link a { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; padding: 10px 15px; min-height: 40px; width: 100%; text-align: center; } .block_type_webshop_shoppingcart .popup-cart .cart-links .pay-link a:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .block_type_webshop_shoppingcart .popup-cart .cart-links .pay-link a:hover { color: #fff; background: #3d3e3d; } @media (min-width: 992px) { .block_type_webshop_shoppingcart .block-content .info { margin-right: 0; } } .linked_products.cart { width: 100%; flex: 0 0 100%; } .linked_products.cart #order-button { position: absolute; right: 0; bottom: 0; z-index: 5; width: 48px; height: 48px; } .linked_products.cart #order-button span { width: 48px; height: 48px; } .linked_products.cart #order-button span input { width: 48px; height: 48px; padding: 0; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/cart-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .block_type_webshop_wishlist { position: relative; } .block_type_webshop_wishlist .block-content &gt; a { position: relative; display: block; width: 24px; height: 24px; background: url("/website/default-v2/images/icons/navigational/heart-white.svg") 50% 50% no-repeat; background-size: contain; } .block_type_webshop_wishlist .block-content .info:before { content: ""; position: absolute; top: 0; right: 0; z-index: 5; width: 6px; height: 6px; background: #e6bd1c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .block_type_webshop_wishlist .block-content .info.no_items { display: none; } .block_type_webshop_wishlist .block-content .info .items_row .items_value { position: absolute; top: 0; left: 0; width: 100%; line-height: 24px; text-align: center; font-size: 10px; color: #4a7141; font-weight: 700; } .block_type_webshop_wishlist .block-content .info .items_row .items_text { display: none; } .block_type_webshop_wishlist .wishlist-message { position: absolute; top: 100%; left: 50%; z-index: 10; width: 120px; transform: translateX(-50%); padding: 8px; font-size: 11px; text-align: center; color: #fff; background: #7caa7b; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .filters-active { display: flex; flex-direction: row !important; width: 100%; padding: 0 12px; } @media (max-width: 991px) { .filters-active { display: none; } } .filters-active .filters-active-in { display: flex; flex-direction: row !important; justify-content: center; align-content: center; align-items: center; width: 100%; padding: 12px 0; margin: 12px 0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .filters-active .filters-active-in .filters-text { width: auto; flex: 0 0 auto; margin-right: 12px; font-weight: 700; color: #d7443e; border: 1px solid #d7443e; background: #4a7141; display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; padding: 15px 25px 15px 46px; background: url(/website/default-v2/images/icons/general/filter.svg) 25px 50% no-repeat #1d1b28 !important; cursor: default; } .filters-active .filters-active-in .filters-text:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .filters-active .filters-active-in .filters-text:hover { color: #fff; background: #3d3e3d; } .filters-active .filters-active-in .filters-text:after { display: none; } .filters-active .filters-active-in a { line-height: 20px; } .block_type_webshop_products_filter { padding: 0 !important; } .block_type_webshop_products_filter &gt; .wrap { padding: 36px; background: #f0f0f0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .block_type_webshop_products_filter .filter-brand-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 0 24px 0; } .block_type_webshop_products_filter .filter-brand-box .filter-brand-text { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin-bottom: 12px; font-weight: 600; } .block_type_webshop_products_filter .filter-brand-box .filter-brand-title, .block_type_webshop_products_filter .filter-brand-box figure { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 12px 0 24px 0; text-align: center; } .block_type_webshop_products_filter .filter-brand-box .filter-brand-title img, .block_type_webshop_products_filter .filter-brand-box figure img { width: auto !important; max-width: 100%; height: auto !important; max-height: 50px; } .block_type_webshop_products_filter .filter-brand-box .fitler-brand-categories { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .block_type_webshop_products_filter .filter-brand-box .fitler-brand-categories .filter-categories-title { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 16px; } .block_type_webshop_products_filter .filter-brand-box .fitler-brand-categories ul { padding: 0; margin: 0; list-style: none; } .block_type_webshop_products_filter .filter-brand-box .fitler-brand-categories ul li { margin-top: 6px; padding-left: 0; } .block_type_webshop_products_filter .filter-brand-box .fitler-brand-categories ul li:before { display: none; } .block_type_webshop_products_filter .filter-brand-box .fitler-brand-categories ul li a { color: #3d3e3d; } .block_type_webshop_products_filter .filter-brand-box .fitler-brand-categories ul li a:hover { color: #7caa7b; } .block_type_webshop_products_filter .filter-brand-box + .block-content .category_navigation { display: none !important; } .block_type_webshop_products_filter .block-title h2 { margin-bottom: 0; font-size: 16px; line-height: 20px; } .block_type_webshop_products_filter .category_navigation_parent_link { margin-bottom: 18px; } .block_type_webshop_products_filter .category_navigation_parent_link a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; line-height: 16px; font-weight: 600; } .block_type_webshop_products_filter .category_navigation_parent_link a:before { content: ""; display: block; width: 4px; height: 16px; background: url(/website/default-v2/images/icons/general/arrow-button-green.svg) center no-repeat; background-size: 4px 9px; margin-right: 8px; transform: rotate(180deg); } .block_type_webshop_products_filter .category_navigation_parent_link a:hover:before { background-image: url(/website/default-v2/images/icons/general/arrow-button-black.svg); } .block_type_webshop_products_filter .category_navigation_parent_link + .category_navigation &gt; ul &gt; li:first-child &gt; a { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 16px; } .block_type_webshop_products_filter .category_navigation ul { padding: 0; margin: 0; list-style: none; } .block_type_webshop_products_filter .category_navigation ul li { margin-top: 6px; padding-left: 0; } .block_type_webshop_products_filter .category_navigation ul li:before { display: none; } .block_type_webshop_products_filter .category_navigation ul li a { font-size: 14px; color: #3d3e3d; } .block_type_webshop_products_filter .category_navigation ul li a:hover { color: #7caa7b; } .block_type_webshop_products_filter .category_navigation ul li.active &gt; a { font-weight: 600; } .block_type_webshop_products_filter .category_navigation ul li .submenu-branch &gt; li .submenu-branch { padding-left: 8px; border-left: 1px solid #1d1b28; } .block_type_webshop_products_filter .filters { display: none; } .block_type_webshop_products_filter .block_type_webshop_products_specs form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .block_type_webshop_products_filter .block_type_webshop_products_specs .product-specs-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 18px; margin-bottom: 0; } .block_type_webshop_products_filter .block_type_webshop_products_specs .product-specs-block .in { width: 100%; padding-top: 18px; border-top: 1px solid #1d1b28; } .ps-block-title h3 { margin-bottom: 0; font-size: 16px; line-height: 20px; } .ps-block-title h3 a { position: relative; display: block; width: 100%; } .ps-block-title h3 a:before { content: ""; position: absolute; top: 0; right: 0; z-index: 5; width: 20px; height: 20px; background: url(/website/default-v2/images/icons/general/arrow-dropdown-black.svg) center no-repeat; } .ps-block-title h3 a.retracted:before { transform: rotate(180deg); } .ps-block-content { margin-top: 12px; } .ps-block-content ul { padding: 0; margin: 0; list-style: none; } .ps-block-content ul li { line-height: 20px; padding-left: 0; } .ps-block-content ul li:before { display: none; } .ps-block-content ul li.limited-item { display: none; } .ps-block-content ul li label { position: relative; padding-left: 25px; line-height: 20px; } .ps-block-content ul li input[type="checkbox"], .ps-block-content ul li input[type="radio"] { position: absolute; top: 2px; left: 0; z-index: 5; width: 16px; height: 16px; margin: 0; } .ps-block-content ul li + li { margin-top: 6px; } .ps-block-content select { width: 100%; padding: 9px 12px; min-height: 40px; line-height: 20px; border: 1px solid rgba(29, 27, 40, 0.25); background: #fff; } .ps-block-content #search_field { position: relative; width: 100%; } .ps-block-content #search_field #search_field_input, .ps-block-content #search_field #search_field_inputHor { padding: 9px 12px; min-height: 40px; line-height: 20px; border: 1px solid rgba(29, 27, 40, 0.25); background: #fff; } .ps-block-content #search_field #search_field_submit, .ps-block-content #search_field #search_field_submitHor { position: absolute; top: 0; right: 0; z-index: 5; width: 20px; height: 20px; margin: 10px; padding: 0; font-size: 0; text-indent: -9999px; border: 0; background: url(/website/default-v2/images/icons/navigational/search.svg) 50% no-repeat; } .ps-block-content .ui-widget-content { width: 100%; height: 2px; background: #3d3e3d; } .ps-block-content .ui-widget-content .ui-slider-range { background: #e6bd1c; } .ps-block-content .ui-widget-content .ui-slider-handle { top: -6px; width: 12px; height: 12px; margin-left: -4px; background: #e6bd1c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ps-block-content .refine-fields { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 18px 0 0 0; } .ps-block-content .refine-fields .unit { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; padding: 0 6px 0 0; line-height: 40px; } .ps-block-content .refine-fields .dash { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; padding: 0 6px; line-height: 40px; } .ps-block-content .refine-fields input { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; padding: 9px 12px; min-height: 40px; line-height: 20px; border: 1px solid rgba(29, 27, 40, 0.25); background: #fff; } .ps-block-content .limit-more { display: block; margin-top: 6px; padding-left: 25px; cursor: pointer; background: url(/website/default-v2/images/icons/general/plus-black.svg) 2px 50% no-repeat; } .ps-block-content .limit-more.active { background-image: url(/website/default-v2/images/icons/general/minus-black.svg); } .ps-block-content .erase-selection { display: block; margin-top: 8px; font-size: 12px; color: rgba(61, 62, 61, 0.7); } .ps-block-content .erase-selection:hover { color: #3d3e3d; } .product-specs-block.checkbox .ps-block-content ul li label .custom-checkbox-button { background-color: #fff; } .ps-block-clear { display: block; margin-top: 8px; } .ps-block-clear .erase-selection { font-size: 12px; color: rgba(61, 62, 61, 0.7); } .ps-block-clear .erase-selection:hover { color: #3d3e3d; } .horizontal_webshop_products_filter { width: 100%; min-height: 64px; } .horizontal_webshop_products_filter .toggle-filter-label { position: relative; left: 0; bottom: 0; z-index: 250; width: 100%; } .horizontal_webshop_products_filter .toggle-filter-label span.show-filter { position: absolute; left: 50%; bottom: -52px; z-index: 10; transform: translateX(-50%); padding: 10px 25px 10px 46px; line-height: 20px; font-size: 13px; color: #ffffff; background: url(/website/default-v2/images/icons/general/filter.svg) 25px 50% no-repeat #1d1b28; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .horizontal_webshop_products_filter .toggle-filter-label span.hide-filter { display: none; } .horizontal_webshop_products_filter .toggle-filter-label.fixed-label { position: fixed; } .horizontal_webshop_products_filter .toggle-filter-label.fixed-label span.show-filter { bottom: 12px; } .horizontal_webshop_products_filter .block-content { display: block !important; position: fixed; top: 100%; left: 0; z-index: 900; height: 100%; width: 100%; padding: 50px 0 84px 0; opacity: 0; background: #fff; -webkit-transition: 0.5s all; transition: 0.5s all; } .horizontal_webshop_products_filter .block-content.show { top: 0; opacity: 1; } .horizontal_webshop_products_filter .block-content.hide { top: 100%; opacity: 0; } .horizontal_webshop_products_filter .block-content .hide-filter { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; line-height: 30px; padding: 10px 10px 10px 50px; font-weight: 600; font-size: 13px; color: #fff; text-align: left; background: url(/website/default-v2/images/icons/general/cross-white.svg) 17px 17px no-repeat #1d1b28; background-size: 16px; } .horizontal_webshop_products_filter form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-content: flex-start !important; width: 100%; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; } .horizontal_webshop_products_filter .product-specs-block { margin: 0; width: 100%; padding: 12px 24px; border-bottom: 1px solid #f0f0f0; } .horizontal_webshop_products_filter .product-specs-block.checkbox .ps-block-content ul li label .custom-checkbox-button { background-color: #f0f0f0; } .horizontal_webshop_products_filter .reset-result { position: absolute; top: 0; right: 0; z-index: 15; width: auto; line-height: 30px; padding: 10px; font-size: 13px; color: #fff; border: 0; background: #1d1b28; } .horizontal_webshop_products_filter .filter-result { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 10; width: calc(100% - 24px); line-height: 30px; padding: 15px 10px; font-weight: 600; font-size: 13px; color: #fff; text-align: center; border: 0; background: #1d1b28; } @media (min-width: 768px) { .horizontal_webshop_products_filter .product-specs-block { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .horizontal_webshop_products_filter { display: none; } } .frontpage #container .placeholder-header .block_type_webshop_products_filter { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 24px 0; } .frontpage #container .placeholder-header .block_type_webshop_products_filter &gt; .wrap { padding: 0; background: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .frontpage #container .placeholder-header .block_type_webshop_products_filter .category_navigation { display: block !important; overflow: auto; } .frontpage #container .placeholder-header .block_type_webshop_products_filter .category_navigation &gt; ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: relative; left: 0; margin: 0; padding: 0 12px; flex-wrap: nowrap; } .frontpage #container .placeholder-header .block_type_webshop_products_filter .category_navigation &gt; ul &gt; li { margin: 0 12px 0 0; } .frontpage #container .placeholder-header .block_type_webshop_products_filter .category_navigation &gt; ul &gt; li a { display: block; padding: 16px 16px 16px 48px; line-height: 16px; font-size: 12px; color: #fff; white-space: nowrap; background: url(/website/default-v2/images/icons/category/barbecues.svg) 12px 50% no-repeat #7caa7b; background-size: 24px 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .frontpage #container .placeholder-header .block_type_webshop_products_filter .category_navigation &gt; ul &gt; li .submenu_button, .frontpage #container .placeholder-header .block_type_webshop_products_filter .category_navigation &gt; ul &gt; li .submenu-branch { display: none !important; } @media (min-width: 992px) { .frontpage #container .placeholder-header .block_type_webshop_products_filter { display: none; } } .frontpage_columns .block_type_webshop_productslider, .frontpage_columns .block_type_webshop_popularproductslider, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider { padding: 0; } .frontpage_columns .block_type_webshop_productslider &gt; .wrap, .frontpage_columns .block_type_webshop_popularproductslider &gt; .wrap, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider &gt; .wrap, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider &gt; .wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; margin: 48px 0; background: #f0f0f0; } .frontpage_columns .block_type_webshop_productslider &gt; .wrap &gt; .in, .frontpage_columns .block_type_webshop_popularproductslider &gt; .wrap &gt; .in, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider &gt; .wrap &gt; .in, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider &gt; .wrap &gt; .in { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-width: 1152px; margin: -60px; } .frontpage_columns .block_type_webshop_productslider .block-content .item-container, .frontpage_columns .block_type_webshop_popularproductslider .block-content .item-container, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider .block-content .item-container { padding: 0; } .frontpage_columns .block_type_webshop_productslider .block-content .item-container .slick-arrow, .frontpage_columns .block_type_webshop_popularproductslider .block-content .item-container .slick-arrow, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-arrow, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-arrow { top: -74px; width: 18px; height: 14px; background: none 50% 50% no-repeat; background-size: 18px 14px; } .frontpage_columns .block_type_webshop_productslider .block-content .item-container .slick-arrow i, .frontpage_columns .block_type_webshop_popularproductslider .block-content .item-container .slick-arrow i, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-arrow i, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-arrow i { display: none; } .frontpage_columns .block_type_webshop_productslider .block-content .item-container .slick-prev, .frontpage_columns .block_type_webshop_popularproductslider .block-content .item-container .slick-prev, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-prev, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-prev { left: auto; right: 26px; background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-prev-black.svg); } .frontpage_columns .block_type_webshop_productslider .block-content .item-container .slick-next, .frontpage_columns .block_type_webshop_popularproductslider .block-content .item-container .slick-next, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-next, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-next { background-image: url(/website/default-v2/images/icons/navigational/arrow-slide-next-black.svg); } @media (min-width: 768px) { .frontpage_columns .block_type_webshop_productslider .block-content .item-container .slick-arrow, .frontpage_columns .block_type_webshop_popularproductslider .block-content .item-container .slick-arrow, .frontpage_columns .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-arrow, .frontpage_columns .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-arrow { top: -60px; } } .block_type_webshop_productslider .slick-slider, .block_type_webshop_popularproductslider .slick-slider, .block_type_webshop_chosenviewedpopularproductslider .slick-slider, .block_type_webshop_wishlistviewedpopularslider .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .block_type_webshop_productslider .slick-list, .block_type_webshop_popularproductslider .slick-list, .block_type_webshop_chosenviewedpopularproductslider .slick-list, .block_type_webshop_wishlistviewedpopularslider .slick-list { position: relative; overflow: hidden; display: block; } .block_type_webshop_productslider .slick-list:focus, .block_type_webshop_popularproductslider .slick-list:focus, .block_type_webshop_chosenviewedpopularproductslider .slick-list:focus, .block_type_webshop_wishlistviewedpopularslider .slick-list:focus { outline: none; } .block_type_webshop_productslider .slick-list.dragging, .block_type_webshop_popularproductslider .slick-list.dragging, .block_type_webshop_chosenviewedpopularproductslider .slick-list.dragging, .block_type_webshop_wishlistviewedpopularslider .slick-list.dragging { cursor: pointer; cursor: hand; } .block_type_webshop_productslider .slick-slider .slick-track, .block_type_webshop_popularproductslider .slick-slider .slick-track, .block_type_webshop_chosenviewedpopularproductslider .slick-slider .slick-track, .block_type_webshop_wishlistviewedpopularslider .slick-slider .slick-track, .block_type_webshop_productslider .slick-slider .slick-list, .block_type_webshop_popularproductslider .slick-slider .slick-list, .block_type_webshop_chosenviewedpopularproductslider .slick-slider .slick-list, .block_type_webshop_wishlistviewedpopularslider .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .block_type_webshop_productslider .slick-track, .block_type_webshop_popularproductslider .slick-track, .block_type_webshop_chosenviewedpopularproductslider .slick-track, .block_type_webshop_wishlistviewedpopularslider .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .block_type_webshop_productslider .slick-track:before, .block_type_webshop_popularproductslider .slick-track:before, .block_type_webshop_chosenviewedpopularproductslider .slick-track:before, .block_type_webshop_wishlistviewedpopularslider .slick-track:before, .block_type_webshop_productslider .slick-track:after, .block_type_webshop_popularproductslider .slick-track:after, .block_type_webshop_chosenviewedpopularproductslider .slick-track:after, .block_type_webshop_wishlistviewedpopularslider .slick-track:after { content: ""; display: table; } .block_type_webshop_productslider .slick-track:after, .block_type_webshop_popularproductslider .slick-track:after, .block_type_webshop_chosenviewedpopularproductslider .slick-track:after, .block_type_webshop_wishlistviewedpopularslider .slick-track:after { clear: both; } .slick-loading .block_type_webshop_productslider .slick-track, .slick-loading .block_type_webshop_popularproductslider .slick-track, .slick-loading .block_type_webshop_chosenviewedpopularproductslider .slick-track, .slick-loading .block_type_webshop_wishlistviewedpopularslider .slick-track { visibility: hidden; } .block_type_webshop_productslider .slick-slide, .block_type_webshop_popularproductslider .slick-slide, .block_type_webshop_chosenviewedpopularproductslider .slick-slide, .block_type_webshop_wishlistviewedpopularslider .slick-slide { float: left; height: 100%; min-height: 1px; } [dir="rtl"] .block_type_webshop_productslider .slick-slide, [dir="rtl"] .block_type_webshop_popularproductslider .slick-slide, [dir="rtl"] .block_type_webshop_chosenviewedpopularproductslider .slick-slide, [dir="rtl"] .block_type_webshop_wishlistviewedpopularslider .slick-slide { float: right; } .block_type_webshop_productslider .slick-slide img, .block_type_webshop_popularproductslider .slick-slide img, .block_type_webshop_chosenviewedpopularproductslider .slick-slide img, .block_type_webshop_wishlistviewedpopularslider .slick-slide img { display: block; } .block_type_webshop_productslider .slick-slide.slick-loading img, .block_type_webshop_popularproductslider .slick-slide.slick-loading img, .block_type_webshop_chosenviewedpopularproductslider .slick-slide.slick-loading img, .block_type_webshop_wishlistviewedpopularslider .slick-slide.slick-loading img { display: none; } .block_type_webshop_productslider .slick-slide.dragging img, .block_type_webshop_popularproductslider .slick-slide.dragging img, .block_type_webshop_chosenviewedpopularproductslider .slick-slide.dragging img, .block_type_webshop_wishlistviewedpopularslider .slick-slide.dragging img { pointer-events: none; } .slick-initialized .block_type_webshop_productslider .slick-slide, .slick-initialized .block_type_webshop_popularproductslider .slick-slide, .slick-initialized .block_type_webshop_chosenviewedpopularproductslider .slick-slide, .slick-initialized .block_type_webshop_wishlistviewedpopularslider .slick-slide { display: block; } .slick-loading .block_type_webshop_productslider .slick-slide, .slick-loading .block_type_webshop_popularproductslider .slick-slide, .slick-loading .block_type_webshop_chosenviewedpopularproductslider .slick-slide, .slick-loading .block_type_webshop_wishlistviewedpopularslider .slick-slide { visibility: hidden; } .slick-vertical .block_type_webshop_productslider .slick-slide, .slick-vertical .block_type_webshop_popularproductslider .slick-slide, .slick-vertical .block_type_webshop_chosenviewedpopularproductslider .slick-slide, .slick-vertical .block_type_webshop_wishlistviewedpopularslider .slick-slide { display: block; height: auto; border: 1px solid transparent; } .block_type_webshop_productslider .slick-arrow.slick-hidden, .block_type_webshop_popularproductslider .slick-arrow.slick-hidden, .block_type_webshop_chosenviewedpopularproductslider .slick-arrow.slick-hidden, .block_type_webshop_wishlistviewedpopularslider .slick-arrow.slick-hidden { display: none; } .block_type_webshop_productslider .block-content, .block_type_webshop_popularproductslider .block-content, .block_type_webshop_chosenviewedpopularproductslider .block-content, .block_type_webshop_wishlistviewedpopularslider .block-content { max-height: none; overflow: visible; } .block_type_webshop_productslider .block-content .item-container, .block_type_webshop_popularproductslider .block-content .item-container, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container { position: relative; width: 100%; min-height: 10px; padding: 0 30px; float: left; } .block_type_webshop_productslider .block-content .item-container .slick-prev, .block_type_webshop_popularproductslider .block-content .item-container .slick-prev, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-prev, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-prev, .block_type_webshop_productslider .block-content .item-container .slick-next, .block_type_webshop_popularproductslider .block-content .item-container .slick-next, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-next, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-next { position: absolute; top: 50%; width: 20px; height: 20px; display: block; cursor: pointer; text-align: center; font-size: 20px; line-height: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .block_type_webshop_productslider .block-content .item-container .slick-prev, .block_type_webshop_popularproductslider .block-content .item-container .slick-prev, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-prev, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-prev { left: 0; } .block_type_webshop_productslider .block-content .item-container .slick-next, .block_type_webshop_popularproductslider .block-content .item-container .slick-next, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .slick-next, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .slick-next { right: 0; } .block_type_webshop_productslider .block-content .item-container .item, .block_type_webshop_popularproductslider .block-content .item-container .item, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item { padding: 12px; } .block_type_webshop_productslider .block-content .item-container .item .product, .block_type_webshop_popularproductslider .block-content .item-container .item .product, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 !important; max-width: 100% !important; } .block_type_webshop_productslider .block-content .item-container .item .product:hover, .block_type_webshop_popularproductslider .block-content .item-container .item .product:hover, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product:hover, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product:hover { position: relative; z-index: 20; } .block_type_webshop_productslider .block-content .item-container .item .product.has_old_price .price, .block_type_webshop_popularproductslider .block-content .item-container .item .product.has_old_price .price, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product.has_old_price .price, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product.has_old_price .price { color: #ef8a17; } .block_type_webshop_productslider .block-content .item-container .item .product.has_old_price .direct_order, .block_type_webshop_popularproductslider .block-content .item-container .item .product.has_old_price .direct_order, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product.has_old_price .direct_order, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product.has_old_price .direct_order { background-color: #ef8a17; } .block_type_webshop_productslider .block-content .item-container .item .product &gt; .wrap, .block_type_webshop_popularproductslider .block-content .item-container .item .product &gt; .wrap, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product &gt; .wrap, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product &gt; .wrap { height: 100% !important; min-height: 100%; max-height: 100%; } .block_type_webshop_productslider .block-content .item-container .item .product.has_text a, .block_type_webshop_popularproductslider .block-content .item-container .item .product.has_text a, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product.has_text a, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product.has_text a { padding-bottom: 106px; } .block_type_webshop_productslider .block-content .item-container .item .product a, .block_type_webshop_popularproductslider .block-content .item-container .item .product a, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product a, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product a { left: auto !important; top: auto !important; position: relative !important; display: block; width: 100% !important; height: 100% !important; padding: 24px 16px 90px 16px; margin: 0 !important; color: #3d3e3d; overflow: hidden; background: #fff; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; -webkit-box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_productslider .block-content .item-container .item .product a.with-hover:hover .picture, .block_type_webshop_popularproductslider .block-content .item-container .item .product a.with-hover:hover .picture, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product a.with-hover:hover .picture, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product a.with-hover:hover .picture { display: none; } .block_type_webshop_productslider .block-content .item-container .item .product a.with-hover:hover .picture-popup, .block_type_webshop_popularproductslider .block-content .item-container .item .product a.with-hover:hover .picture-popup, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product a.with-hover:hover .picture-popup, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product a.with-hover:hover .picture-popup { display: block !important; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay { position: absolute; z-index: 10; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay.topleft, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay.topleft, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay.topleft, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay.topleft { top: 8px; left: 8px; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay.topright, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay.topright, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay.topright, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay.topright { top: 0; right: 0; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay.bottomleft, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay.bottomleft, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay.bottomleft, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay.bottomleft { top: 40px; left: 0; width: 100%; padding: 0 0 75% 0; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay.bottomleft img, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay.bottomleft img, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay.bottomleft img, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay.bottomleft img { position: absolute; left: 0; bottom: 0; z-index: 1; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay.bottomright, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay.bottomright, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay.bottomright, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay.bottomright { top: 0; left: 0; width: 100%; padding: 0 0 75% 0; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay.bottomright img, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay.bottomright img, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay.bottomright img, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay.bottomright img { position: absolute; right: 0; bottom: 0; z-index: 1; } .block_type_webshop_productslider .block-content .item-container .item .product .picture, .block_type_webshop_popularproductslider .block-content .item-container .item .product .picture, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .picture, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .picture, .block_type_webshop_productslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_popularproductslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .picture-popup { display: block; width: 100% !important; height: auto !important; padding: 0 0 75% 0; margin-top: 40px; background: none center no-repeat; background-size: contain; } .block_type_webshop_productslider .block-content .item-container .item .product .picture img, .block_type_webshop_popularproductslider .block-content .item-container .item .product .picture img, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .picture img, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .picture img, .block_type_webshop_productslider .block-content .item-container .item .product .picture-popup img, .block_type_webshop_popularproductslider .block-content .item-container .item .product .picture-popup img, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .picture-popup img, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .picture-popup img { display: none; } .block_type_webshop_productslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_popularproductslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .picture-popup { display: none; } .block_type_webshop_productslider .block-content .item-container .item .product .overview-rating, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overview-rating, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overview-rating, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overview-rating { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; position: absolute; top: 56px; left: 16px; z-index: 10; margin: 75% 0 0 0; } .block_type_webshop_productslider .block-content .item-container .item .product .overview-rating .rating-stars, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overview-rating .rating-stars, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overview-rating .rating-stars, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overview-rating .rating-stars { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; } .block_type_webshop_productslider .block-content .item-container .item .product .overview-rating .rating-stars .star, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overview-rating .rating-stars .star, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overview-rating .rating-stars .star, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overview-rating .rating-stars .star { display: block; width: 10px; height: 10px; margin: 1px 4px 1px 0; background: url(/website/default-v2/images/icons/star/deactive.svg) 50% 50% no-repeat; background-size: 10px 10px; } .block_type_webshop_productslider .block-content .item-container .item .product .overview-rating .rating-stars .star.active, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overview-rating .rating-stars .star.active, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overview-rating .rating-stars .star.active, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overview-rating .rating-stars .star.active { background-image: url(/website/default-v2/images/icons/star/full.svg); } .block_type_webshop_productslider .block-content .item-container .item .product .overview-rating .rating-text, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overview-rating .rating-text, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overview-rating .rating-text, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overview-rating .rating-text { margin-left: 4px; font-size: 12px; line-height: 12px; } .block_type_webshop_productslider .block-content .item-container .item .product .title, .block_type_webshop_popularproductslider .block-content .item-container .item .product .title, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .title, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .title, .block_type_webshop_productslider .block-content .item-container .item .product .name, .block_type_webshop_popularproductslider .block-content .item-container .item .product .name, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .name, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .name { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; margin-top: 36px; font-weight: 700; font-size: 14px; line-height: 20px; } .block_type_webshop_productslider .block-content .item-container .item .product .desc, .block_type_webshop_popularproductslider .block-content .item-container .item .product .desc, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .desc, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .desc { display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; font-size: 13px; line-height: 20px; } .block_type_webshop_productslider .block-content .item-container .item .product .desc &gt; span, .block_type_webshop_popularproductslider .block-content .item-container .item .product .desc &gt; span, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .desc &gt; span, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .desc &gt; span { display: block; } .block_type_webshop_productslider .block-content .item-container .item .product .hover-series-block, .block_type_webshop_popularproductslider .block-content .item-container .item .product .hover-series-block, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .hover-series-block, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .hover-series-block { display: block; } .block_type_webshop_productslider .block-content .item-container .item .product .hover-series-block &gt; div, .block_type_webshop_popularproductslider .block-content .item-container .item .product .hover-series-block &gt; div, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .hover-series-block &gt; div, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .hover-series-block &gt; div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0 -6px; } .block_type_webshop_productslider .block-content .item-container .item .product .hover-series-block .series-row, .block_type_webshop_popularproductslider .block-content .item-container .item .product .hover-series-block .series-row, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .hover-series-block .series-row, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .hover-series-block .series-row { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 6px; margin: 8px 0 0 0; } .block_type_webshop_productslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item, .block_type_webshop_popularproductslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 4px 12px; font-size: 12px; line-height: 16px; white-space: nowrap; background: #f5f5f5; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_productslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item:hover, .block_type_webshop_popularproductslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item:hover, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item:hover, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .hover-series-block .series-row .hover-series-item:hover { background: #f5f5f5; } .block_type_webshop_productslider .block-content .item-container .item .product .price_old, .block_type_webshop_popularproductslider .block-content .item-container .item .product .price_old, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .price_old, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .price_old, .block_type_webshop_productslider .block-content .item-container .item .product .from-text, .block_type_webshop_popularproductslider .block-content .item-container .item .product .from-text, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .from-text, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .from-text { position: absolute; left: 16px; bottom: 41px; z-index: 5; font-size: 12px; line-height: 16px; color: rgba(61, 62, 61, 0.7); } .block_type_webshop_productslider .block-content .item-container .item .product .price_old + .price_old, .block_type_webshop_popularproductslider .block-content .item-container .item .product .price_old + .price_old, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .price_old + .price_old, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .price_old + .price_old, .block_type_webshop_productslider .block-content .item-container .item .product .from-text + .price_old, .block_type_webshop_popularproductslider .block-content .item-container .item .product .from-text + .price_old, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .from-text + .price_old, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .from-text + .price_old { display: none; } .block_type_webshop_productslider .block-content .item-container .item .product .price_old:before, .block_type_webshop_popularproductslider .block-content .item-container .item .product .price_old:before, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .price_old:before, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .price_old:before { content: ""; position: absolute; top: 25%; left: 50%; z-index: 5; width: 110%; height: 1px; background-color: #3d3e3d; transform: rotate(-10deg) translate(-50%, -50%); } .block_type_webshop_productslider .block-content .item-container .item .product .price, .block_type_webshop_popularproductslider .block-content .item-container .item .product .price, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .price, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .price { position: absolute; left: 16px; bottom: 16px; z-index: 5; font-size: 20px; line-height: 25px; font-family: "Roboto Slab", serif; font-weight: 700; } .block_type_webshop_productslider .block-content .item-container .item .product .price .unit_label, .block_type_webshop_popularproductslider .block-content .item-container .item .product .price .unit_label, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .price .unit_label, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .price .unit_label { margin-left: 6px; font-size: 12px; line-height: 16px; } .block_type_webshop_productslider .block-content .item-container .item .product .price.normal, .block_type_webshop_popularproductslider .block-content .item-container .item .product .price.normal, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .price.normal, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .price.normal { display: none; } .block_type_webshop_productslider .block-content .item-container .item .product .wishlist_btn, .block_type_webshop_popularproductslider .block-content .item-container .item .product .wishlist_btn, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .wishlist_btn, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .wishlist_btn { position: absolute; top: 16px; right: 16px; z-index: 20; width: 20px; height: 20px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/heart-inactive.svg) 50% 50% no-repeat; background-size: 20px 20px; } .block_type_webshop_productslider .block-content .item-container .item .product .wishlist_btn.on_wishlist, .block_type_webshop_popularproductslider .block-content .item-container .item .product .wishlist_btn.on_wishlist, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .wishlist_btn.on_wishlist, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .wishlist_btn.on_wishlist { background-image: url(/website/default-v2/images/icons/general/heart-active.svg); } .block_type_webshop_productslider .block-content .item-container .item .product .call_to_action, .block_type_webshop_popularproductslider .block-content .item-container .item .product .call_to_action, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .call_to_action, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .call_to_action { display: none; } .block_type_webshop_productslider .block-content .item-container .item .product .direct_order, .block_type_webshop_popularproductslider .block-content .item-container .item .product .direct_order, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .direct_order, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .direct_order { position: absolute; right: 0; bottom: 0; z-index: 5; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/navigational/cart-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .block_type_webshop_productslider .block-content .item-container .item .product .in_stock_label, .block_type_webshop_popularproductslider .block-content .item-container .item .product .in_stock_label, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .in_stock_label, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .in_stock_label, .block_type_webshop_productslider .block-content .item-container .item .product .extra-text, .block_type_webshop_popularproductslider .block-content .item-container .item .product .extra-text, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .extra-text, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .extra-text { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #4a7141; } .block_type_webshop_productslider .block-content .item-container .item .product .limited_stock_label, .block_type_webshop_popularproductslider .block-content .item-container .item .product .limited_stock_label, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .limited_stock_label, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .limited_stock_label { position: absolute; left: 16px; bottom: 61px; z-index: 10; line-height: 16px; font-size: 12px; font-weight: 600; color: #ef8a17; } .block_type_webshop_productslider .block-content .item-container .item .product .not_in_stock_label, .block_type_webshop_popularproductslider .block-content .item-container .item .product .not_in_stock_label, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .not_in_stock_label, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .not_in_stock_label { position: absolute; right: 0; bottom: 0; z-index: 10; width: 48px; height: 48px; font-size: 0; text-indent: -9999px; background: url(/website/default-v2/images/icons/general/envelope-white.svg) 50% 50% no-repeat #1d1b28; background-size: 20px 20px; -webkit-border-radius: 16px 0 16px 0; -moz-border-radius: 16px 0 16px 0; border-radius: 16px 0 16px 0; } .block_type_webshop_productslider .block-content .item-container .item .product .compare, .block_type_webshop_popularproductslider .block-content .item-container .item .product .compare, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .compare, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .compare { display: none; } @media (min-width: 768px) { .block_type_webshop_productslider .block-content .item-container .item .product, .block_type_webshop_popularproductslider .block-content .item-container .item .product, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .block_type_webshop_productslider .block-content .item-container .item .product.has_text a, .block_type_webshop_popularproductslider .block-content .item-container .item .product.has_text a, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product.has_text a, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product.has_text a { padding-bottom: 90px; } .block_type_webshop_productslider .block-content .item-container .item .product .overlay.bottomleft, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overlay.bottomleft, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overlay.bottomleft, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overlay.bottomleft { top: 0; } .block_type_webshop_productslider .block-content .item-container .item .product .picture, .block_type_webshop_popularproductslider .block-content .item-container .item .product .picture, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .picture, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .picture, .block_type_webshop_productslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_popularproductslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .picture-popup, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .picture-popup { margin-top: 0; } .block_type_webshop_productslider .block-content .item-container .item .product .overview-rating, .block_type_webshop_popularproductslider .block-content .item-container .item .product .overview-rating, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product .overview-rating, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product .overview-rating { top: 16px; } } @media (min-width: 992px) { .block_type_webshop_productslider .block-content .item-container .item .product, .block_type_webshop_popularproductslider .block-content .item-container .item .product, .block_type_webshop_chosenviewedpopularproductslider .block-content .item-container .item .product, .block_type_webshop_wishlistviewedpopularslider .block-content .item-container .item .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .block_type_webshop_shopthelook { margin-bottom: 0 !important; } .block_type_webshop_shopthelook .shop-the-look-image { position: relative; width: 100%; margin-bottom: 24px; } .block_type_webshop_shopthelook .shop-the-look-image img { width: 100%; -webkit-border-radius: 32px 0 32px 0; -moz-border-radius: 32px 0 32px 0; border-radius: 32px 0 32px 0; } .block_type_webshop_shopthelook .shop-the-look-image .region { position: absolute; z-index: 5; background: none 50% 50% no-repeat; background-size: contain; } .block_type_webshop_shopthelook .shop-the-look-image .region:after { content: ""; display: block; padding: 0 0 100% 0; } .block_type_webshop_shopthelook .webshop_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } @media (min-width: 992px) { .block_type_webshop_shopthelook .shop-the-look-image img { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } } .webshop-product.quick-view { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin: 0; overflow: auto; } .webshop-product.quick-view &gt; form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; width: 100%; margin: 0; } .webshop-product.quick-view #floating-productinfo { padding: 0; margin: 0 0 12px 0; } .webshop-product.quick-view #product-info-left { padding: 12px; margin: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .webshop-product.quick-view #product-info-left .page-title { display: block; } .webshop-product.quick-view #product-info-left .page-title h1 { font-size: 14px; margin: 0 0 16px 0; line-height: 20px; } .webshop-product.quick-view #product-info-left .overall-rating { display: none; } .webshop-product.quick-view #product-info-left .prices { width: 100%; padding: 0; } .webshop-product.quick-view #product-info-left .prices .current_price { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 24px; color: #3d3e3d; } .webshop-product.quick-view #product-info-left #product-options { position: relative; } .webshop-product.quick-view #product-info-left #product-options &gt; ul { padding: 0; } .webshop-product.quick-view #product-info-left #product-options &gt; ul li { padding: 0; } .webshop-product.quick-view #product-info-left #product-options &gt; ul li.product_variations { display: none; } .webshop-product.quick-view #product-info-left #product-options &gt; ul li.quantity .label { display: none; } .webshop-product.quick-view #product-info-left #product-options .stock_indication { position: absolute; top: -56px; right: 0; z-index: 5; } .webshop-product.quick-view #product-info-left #product-options .stock_indication.label { display: none; } .webshop-product.quick-view #product-info-left #product-options #order-button { padding: 0; } .webshop-product.quick-view #product-info-left #product-options #wishlist-button-bottom { margin-top: 16px; } .webshop-product.quick-view #product-info-left #product-options #wishlist-button-bottom input { padding: 2px 0 2px 32px; height: auto; min-height: 24px; line-height: 20px; font-size: 14px; text-decoration: underline; border: 0; background: url(/website/default-v2/images/icons/general/heart-inactive.svg) 0 50% no-repeat; background-size: 24px 24px; } .webshop-product.quick-view #product-info-left #product-options #product-on-wishlist-bottom { margin-top: 16px; } .webshop-product.quick-view #product-info-left #product-options #product-on-wishlist-bottom span { display: block; padding: 2px 0 2px 32px; height: auto; min-height: 24px; line-height: 20px; font-size: 14px; text-decoration: underline; border: 0; background: url(/website/default-v2/images/icons/general/heart-active.svg) 0 50% no-repeat; background-size: 24px 24px; } .webshop-product.quick-view #product-info-left #product-options #usp-list { margin-top: 12px; } .webshop-product.quick-view #product-info-left #product-options #usp-list ul { margin: 0; padding: 0; list-style: none; } .webshop-product.quick-view #product-info-left #product-options #usp-list ul li { position: relative; margin-top: 8px; padding-left: 30px; line-height: 18px; } .webshop-product.quick-view #product-info-left #product-options #usp-list ul li i { position: absolute; top: 0; left: 0; z-index: 5; } @media (min-width: 992px) { .webshop-product.quick-view { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; align-items: stretch !important; margin: 0; flex-wrap: nowrap; } .webshop-product.quick-view #floating-productinfo { width: 50%; flex: 0 0 50%; max-width: 50%; padding: 12px 24px 12px 12px; } .webshop-product.quick-view #product-info-left { width: 50%; flex: 0 0 50%; max-width: 50%; padding: 16px; } .webshop-product.quick-view #product-info-left .page-title h1 { font-size: 21px; line-height: 24px; } .webshop-product.quick-view #product-info-left #product-options #order-button { float: right; width: 60%; margin-top: -52px; } } .block_type_webshop_wishlistviewedpopularproducts, .block_type_webshop_featuredproducts, .block_type_webshop_popularfeaturedproducts, .block_type_webshop_categoryproducts { padding: 0 !important; } .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .block_type_webshop_featuredproducts .webshop_products, .block_type_webshop_popularfeaturedproducts .webshop_products, .block_type_webshop_categoryproducts .webshop_products, .block_type_webshop_wishlistviewedpopularproducts .item, .block_type_webshop_featuredproducts .item, .block_type_webshop_popularfeaturedproducts .item, .block_type_webshop_categoryproducts .item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 8px; } .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .block_type_webshop_featuredproducts .webshop_products .product, .block_type_webshop_popularfeaturedproducts .webshop_products .product, .block_type_webshop_categoryproducts .webshop_products .product, .block_type_webshop_wishlistviewedpopularproducts .item .product, .block_type_webshop_featuredproducts .item .product, .block_type_webshop_popularfeaturedproducts .item .product, .block_type_webshop_categoryproducts .item .product { margin-bottom: 24px; padding: 0 8px; } .block_type_webshop_wishlistviewedpopularproducts .block-title, .block_type_webshop_featuredproducts .block-title, .block_type_webshop_popularfeaturedproducts .block-title, .block_type_webshop_categoryproducts .block-title { padding: 0 16px; } .block_type_webshop_wishlistviewedpopularproducts .block-title h2, .block_type_webshop_featuredproducts .block-title h2, .block_type_webshop_popularfeaturedproducts .block-title h2, .block_type_webshop_categoryproducts .block-title h2, .block_type_webshop_wishlistviewedpopularproducts .block-title .h2, .block_type_webshop_featuredproducts .block-title .h2, .block_type_webshop_popularfeaturedproducts .block-title .h2, .block_type_webshop_categoryproducts .block-title .h2, .block_type_webshop_wishlistviewedpopularproducts .block-title h3, .block_type_webshop_featuredproducts .block-title h3, .block_type_webshop_popularfeaturedproducts .block-title h3, .block_type_webshop_categoryproducts .block-title h3, .block_type_webshop_wishlistviewedpopularproducts .block-title .h3, .block_type_webshop_featuredproducts .block-title .h3, .block_type_webshop_popularfeaturedproducts .block-title .h3, .block_type_webshop_categoryproducts .block-title .h3 { margin-bottom: 24px; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn, .block_type_webshop_featuredproducts.slider-add-more-btn, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn, .block_type_webshop_categoryproducts.slider-add-more-btn, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories, .block_type_webshop_featuredproducts.slider-of-categories, .block_type_webshop_popularfeaturedproducts.slider-of-categories, .block_type_webshop_categoryproducts.slider-of-categories { position: relative; padding: 0; margin-bottom: 0 !important; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .block-content, .block_type_webshop_featuredproducts.slider-add-more-btn .block-content, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .block-content, .block_type_webshop_categoryproducts.slider-add-more-btn .block-content, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .block-content, .block_type_webshop_featuredproducts.slider-of-categories .block-content, .block_type_webshop_popularfeaturedproducts.slider-of-categories .block-content, .block_type_webshop_categoryproducts.slider-of-categories .block-content { overflow: hidden; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .webshop_products, .block_type_webshop_featuredproducts.slider-add-more-btn .webshop_products, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .webshop_products, .block_type_webshop_categoryproducts.slider-add-more-btn .webshop_products, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products, .block_type_webshop_featuredproducts.slider-of-categories .webshop_products, .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products, .block_type_webshop_categoryproducts.slider-of-categories .webshop_products { position: relative; left: 0; width: 100%; flex-wrap: nowrap; margin: 0; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_featuredproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_categoryproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product, .block_type_webshop_categoryproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 8px; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .view-all a, .block_type_webshop_featuredproducts.slider-add-more-btn .view-all a, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .view-all a, .block_type_webshop_categoryproducts.slider-add-more-btn .view-all a, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .view-all a, .block_type_webshop_featuredproducts.slider-of-categories .view-all a, .block_type_webshop_popularfeaturedproducts.slider-of-categories .view-all a, .block_type_webshop_categoryproducts.slider-of-categories .view-all a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center !important; align-content: center !important; align-items: center !important; padding: 16px; font-family: "Roboto Slab", serif; font-weight: 700; color: #fff; background-color: #7caa7b; -webkit-border-top-left-radius: 40px; -moz-border-radius-topleft: 40px; border-top-left-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-bottomright: 40px; border-bottom-right-radius: 40px; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .custom-slider-nav, .block_type_webshop_featuredproducts.slider-add-more-btn .custom-slider-nav, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .custom-slider-nav, .block_type_webshop_categoryproducts.slider-add-more-btn .custom-slider-nav, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .custom-slider-nav, .block_type_webshop_featuredproducts.slider-of-categories .custom-slider-nav, .block_type_webshop_popularfeaturedproducts.slider-of-categories .custom-slider-nav, .block_type_webshop_categoryproducts.slider-of-categories .custom-slider-nav { top: -20px; right: 12px; } @media (min-width: 768px) { .block_type_webshop_wishlistviewedpopularproducts .block-title, .block_type_webshop_featuredproducts .block-title, .block_type_webshop_popularfeaturedproducts .block-title, .block_type_webshop_categoryproducts .block-title { padding: 0 12px; } .block_type_webshop_wishlistviewedpopularproducts .webshop_products, .block_type_webshop_featuredproducts .webshop_products, .block_type_webshop_popularfeaturedproducts .webshop_products, .block_type_webshop_categoryproducts .webshop_products { padding: 0; } .block_type_webshop_wishlistviewedpopularproducts .webshop_products .product, .block_type_webshop_featuredproducts .webshop_products .product, .block_type_webshop_popularfeaturedproducts .webshop_products .product, .block_type_webshop_categoryproducts .webshop_products .product { padding: 0 12px; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_featuredproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_categoryproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product, .block_type_webshop_categoryproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .view-all a, .block_type_webshop_featuredproducts.slider-add-more-btn .view-all a, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .view-all a, .block_type_webshop_categoryproducts.slider-add-more-btn .view-all a, .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .view-all a, .block_type_webshop_featuredproducts.slider-of-categories .view-all a, .block_type_webshop_popularfeaturedproducts.slider-of-categories .view-all a, .block_type_webshop_categoryproducts.slider-of-categories .view-all a { font-size: 20px; line-height: 25px; } } @media (min-width: 992px) { .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .webshop_products .product, .block_type_webshop_featuredproducts.slider-of-categories .webshop_products .product, .block_type_webshop_popularfeaturedproducts.slider-of-categories .webshop_products .product, .block_type_webshop_categoryproducts.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .block_type_webshop_wishlistviewedpopularproducts.slider-of-categories .custom-slider-nav, .block_type_webshop_featuredproducts.slider-of-categories .custom-slider-nav, .block_type_webshop_popularfeaturedproducts.slider-of-categories .custom-slider-nav, .block_type_webshop_categoryproducts.slider-of-categories .custom-slider-nav { display: block; } .block_type_webshop_wishlistviewedpopularproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_featuredproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_popularfeaturedproducts.slider-add-more-btn .webshop_products .product, .block_type_webshop_categoryproducts.slider-add-more-btn .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } } .block_type_login_box .block-content ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0; margin: 0; list-style: none; } .block_type_login_box .block-content ul li { padding-left: 0; } .block_type_login_box .block-content ul li:before { display: none; } .block_type_login_box .block-content ul li &gt; a { display: block; width: 24px; height: 24px; color: rgba(255, 255, 255, 0.8); background: url("/website/default-v2/images/icons/navigational/account.svg") 50% no-repeat; background-size: contain; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_login_box .block-content ul li &gt; a span { display: none; line-height: 24px; font-size: 13px; } .block_type_login_box .block-content ul li &gt; a:hover { color: #ffffff; text-decoration: none; } .block_type_login_box .block-content .logged-in-text { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 0; margin: 0; } .block_type_login_box .block-content .logged-in-text a { display: block; width: 24px; height: 24px; color: rgba(255, 255, 255, 0.8); background: url("/website/default-v2/images/icons/navigational/account.svg") 50% no-repeat; background-size: contain; font-size: 0; text-indent: -9999px; } .block_type_login_box .login-box { visibility: hidden; position: fixed; top: 0; left: 0; z-index: 300; width: 100%; height: 100%; background: none; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_login_box .login-box.show { visibility: visible; background: rgba(29, 27, 40, 0.88); background-blend-mode: multiply; } .block_type_login_box .login-box.show .form { left: 0; transition-delay: 0.25s; } .block_type_login_box .login-box #closeLoginBox { position: absolute; top: 16px; right: 16px; z-index: 10; display: block; width: 14px; height: 14px; cursor: pointer; background: url(/website/default-v2/images/icons/general/cross-black.svg) center no-repeat; background-size: contain; } .block_type_login_box .login-box .form { position: absolute; top: 0; left: -310px; z-index: 5; width: 310px; height: 100%; padding: 42px 24px; background: #fff; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; -webkit-box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 24px 0 rgba(0, 0, 0, 0.16); -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_login_box .login-box .form .block-title h3 { margin-bottom: 18px; } .block_type_login_box .login-box label { margin: 0 0 4px; line-height: 16px; font-size: 12px; font-weight: 600; } .block_type_login_box .login-box input[type="text"], .block_type_login_box .login-box input[type="password"] { margin-bottom: 12px; padding: 14px 19px; height: auto; min-height: 50px; line-height: 20px; } .block_type_login_box .login-box input[type="text"]::placeholder, .block_type_login_box .login-box input[type="password"]::placeholder { color: transparent; } .block_type_login_box .login-box .forgot-password { display: block; text-align: right; font-weight: 600; } .block_type_login_box .login-box .btn-default { display: inline-block; background: #1d1b28; height: auto; min-height: 50px; line-height: 20px; padding: 15px 25px; font-weight: 600; color: #fff !important; border: 0; white-space: normal; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; margin-top: 18px; } .block_type_login_box .login-box .btn-default:after { display: inline-block; content: url(/website/default-v2/images/icons/general/arrow-button-white.svg); margin-left: 8px; } .block_type_login_box .login-box .btn-default:hover { color: #fff; background: #3d3e3d; } .block_type_login_box .login-box .register-text { display: block; margin-top: 12px; } .block_type_login_box .login-box .register-text a { color: #3d3e3d; text-decoration: underline; } .block_type_login_box .login-box .register-text a:hover { color: #7caa7b; } @media (min-width: 768px) { .block_type_login_box .block-content ul li &gt; a { width: auto; padding-left: 30px; background-position: 0 50%; } .block_type_login_box .block-content ul li &gt; a span { display: block; } .block_type_login_box .block-content .logged-in-text a { width: auto; padding-left: 30px; background-position: 0 50%; line-height: 24px; font-size: 13px; text-indent: 0; } } @media (min-width: 992px) { .block_type_login_box .login-box.show .form { opacity: 1; } .block_type_login_box .login-box .form { top: 50%; left: 50% !important; transform: translate(-50%, -50%); height: auto; opacity: 0; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } } .block_type_webshop_categories, .block_type_webshop_popularcategories, .block_type_webshop_chosenviewedpopularcategories { margin: 0 !important; } .block_type_webshop_categories .webshop_products, .block_type_webshop_popularcategories .webshop_products, .block_type_webshop_chosenviewedpopularcategories .webshop_products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .block_type_webshop_categories .webshop_products .product, .block_type_webshop_popularcategories .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 24px; } .block_type_webshop_categories .webshop_products .product &gt; .wrap, .block_type_webshop_popularcategories .webshop_products .product &gt; .wrap, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product &gt; .wrap { display: block; width: 100%; height: 100% !important; max-height: 100%; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; } .block_type_webshop_categories .webshop_products .product &gt; .wrap &gt; a, .block_type_webshop_popularcategories .webshop_products .product &gt; .wrap &gt; a, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product &gt; .wrap &gt; a { position: relative; display: block; width: 100% !important; height: 100% !important; padding: 0; background: #4a7141; } .block_type_webshop_categories .webshop_products .product &gt; .wrap &gt; a:before, .block_type_webshop_popularcategories .webshop_products .product &gt; .wrap &gt; a:before, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product &gt; .wrap &gt; a:before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; background: #1d1b28; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_categories .webshop_products .product &gt; .wrap &gt; a:hover:before, .block_type_webshop_popularcategories .webshop_products .product &gt; .wrap &gt; a:hover:before, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product &gt; .wrap &gt; a:hover:before { opacity: 0.4; } .block_type_webshop_categories .webshop_products .product .picture, .block_type_webshop_popularcategories .webshop_products .product .picture, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product .picture { display: block; width: 100%; padding: 0 0 100% 0; margin-top: 0; background: none center no-repeat; background-size: cover; opacity: 1; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_categories .webshop_products .product .picture img, .block_type_webshop_popularcategories .webshop_products .product .picture img, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product .picture img { display: none; } .block_type_webshop_categories .webshop_products .product .title, .block_type_webshop_popularcategories .webshop_products .product .title, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product .title { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 8px; line-height: 18px; text-align: center; font-family: "Roboto Slab", serif; font-size: 14px; font-weight: 700; color: #ffffff; background: #7caa7b; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; } @media (min-width: 768px) { .block_type_webshop_categories .webshop_products .product &gt; .wrap, .block_type_webshop_popularcategories .webshop_products .product &gt; .wrap, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product &gt; .wrap { -webkit-border-radius: 40px 0 40px 0; -moz-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .block_type_webshop_categories .webshop_products .product .title, .block_type_webshop_popularcategories .webshop_products .product .title, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product .title { padding: 8px 24px; font-size: 16px; line-height: 20px; -webkit-border-radius: 40px 0 0 0; -moz-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0; } } @media (min-width: 992px) { .block_type_webshop_categories .webshop_products .product, .block_type_webshop_popularcategories .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .block_type_webshop_categories .webshop_products .product .title span, .block_type_webshop_popularcategories .webshop_products .product .title span, .block_type_webshop_chosenviewedpopularcategories .webshop_products .product .title span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; } .block_type_webshop_categories .block-title, .block_type_webshop_popularcategories .block-title, .block_type_webshop_chosenviewedpopularcategories .block-title { padding: 0 16px; } .block_type_webshop_categories .block-title h2, .block_type_webshop_popularcategories .block-title h2, .block_type_webshop_chosenviewedpopularcategories .block-title h2, .block_type_webshop_categories .block-title .h2, .block_type_webshop_popularcategories .block-title .h2, .block_type_webshop_chosenviewedpopularcategories .block-title .h2, .block_type_webshop_categories .block-title h3, .block_type_webshop_popularcategories .block-title h3, .block_type_webshop_chosenviewedpopularcategories .block-title h3, .block_type_webshop_categories .block-title .h3, .block_type_webshop_popularcategories .block-title .h3, .block_type_webshop_chosenviewedpopularcategories .block-title .h3 { margin-bottom: 24px; } .block_type_webshop_categories.slider-add-more-btn, .block_type_webshop_popularcategories.slider-add-more-btn, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn, .block_type_webshop_categories.slider-of-categories, .block_type_webshop_popularcategories.slider-of-categories, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories { position: relative; padding: 0; } .block_type_webshop_categories.slider-add-more-btn .block-content, .block_type_webshop_popularcategories.slider-add-more-btn .block-content, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .block-content, .block_type_webshop_categories.slider-of-categories .block-content, .block_type_webshop_popularcategories.slider-of-categories .block-content, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .block-content { overflow: hidden; padding: 0 12px; } .block_type_webshop_categories.slider-add-more-btn .webshop_products, .block_type_webshop_popularcategories.slider-add-more-btn .webshop_products, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .webshop_products, .block_type_webshop_categories.slider-of-categories .webshop_products, .block_type_webshop_popularcategories.slider-of-categories .webshop_products, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .webshop_products { position: relative; left: 0; flex-wrap: nowrap; padding: 0 8px; -webkit-transition: 0.5s all; transition: 0.5s all; } .block_type_webshop_categories.slider-add-more-btn .webshop_products .product, .block_type_webshop_popularcategories.slider-add-more-btn .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .webshop_products .product, .block_type_webshop_categories.slider-of-categories .webshop_products .product, .block_type_webshop_popularcategories.slider-of-categories .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 8px; } .block_type_webshop_categories.slider-add-more-btn .view-all a, .block_type_webshop_popularcategories.slider-add-more-btn .view-all a, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .view-all a, .block_type_webshop_categories.slider-of-categories .view-all a, .block_type_webshop_popularcategories.slider-of-categories .view-all a, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .view-all a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; justify-content: center !important; align-content: center !important; margin: 0; padding: 16px; font-family: "Roboto Slab", serif; font-weight: 700; color: #fff; background-color: #7caa7b; -webkit-border-top-left-radius: 40px; -moz-border-radius-topleft: 40px; border-top-left-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-bottomright: 40px; border-bottom-right-radius: 40px; -webkit-box-shadow: none; box-shadow: none; } .block_type_webshop_categories.slider-add-more-btn .custom-slider-nav, .block_type_webshop_popularcategories.slider-add-more-btn .custom-slider-nav, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .custom-slider-nav, .block_type_webshop_categories.slider-of-categories .custom-slider-nav, .block_type_webshop_popularcategories.slider-of-categories .custom-slider-nav, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .custom-slider-nav { top: -20px; right: 12px; } @media (min-width: 768px) { .block_type_webshop_categories .block-title, .block_type_webshop_popularcategories .block-title, .block_type_webshop_chosenviewedpopularcategories .block-title { padding: 0 12px; } .block_type_webshop_categories.slider-add-more-btn .webshop_products, .block_type_webshop_popularcategories.slider-add-more-btn .webshop_products, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .webshop_products, .block_type_webshop_categories.slider-of-categories .webshop_products, .block_type_webshop_popularcategories.slider-of-categories .webshop_products, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .webshop_products { padding: 0; } .block_type_webshop_categories.slider-add-more-btn .webshop_products .product, .block_type_webshop_popularcategories.slider-add-more-btn .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .webshop_products .product, .block_type_webshop_categories.slider-of-categories .webshop_products .product, .block_type_webshop_popularcategories.slider-of-categories .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .block_type_webshop_categories.slider-add-more-btn .view-all a, .block_type_webshop_popularcategories.slider-add-more-btn .view-all a, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .view-all a, .block_type_webshop_categories.slider-of-categories .view-all a, .block_type_webshop_popularcategories.slider-of-categories .view-all a, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .view-all a { font-size: 20px; line-height: 25px; } } @media (min-width: 992px) { .block_type_webshop_categories.slider-of-categories .webshop_products .product, .block_type_webshop_popularcategories.slider-of-categories .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories.slider-of-categories .webshop_products .product { width: 100%; padding-right: 12px; padding-left: 12px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .block_type_webshop_categories.slider-add-more-btn .webshop_products .product, .block_type_webshop_popularcategories.slider-add-more-btn .webshop_products .product, .block_type_webshop_chosenviewedpopularcategories.slider-add-more-btn .webshop_products .product { width: 20%; flex: 0 0 20%; max-width: 20%; } } .rateit { display: block; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .rateit .rateit-range { display: block; position: relative; height: 12px; outline: none; background: url(/website/default-v2/images/star.png); } .rateit .rateit-range * { display: block; } .rateit .rateit-hover { background: url(/website/default-v2/images/star.png) left -24px; } .rateit .rateit-hover-rtl { background-position: right -24px; } .rateit .rateit-selected { background: url(/website/default-v2/images/star.png) left -12px; } .rateit .rateit-selected-rtl { background-position: right -12px; } .rateit .rateit-preset, .rateit .rateit-preset-rtl { background: url(/website/default-v2/images/star.png) left -36px; } * html .rateit, * html .rateit .rateit-range { display: inline; } * + html .rateit, * + html .rateit .rateit-range { display: inline; } .rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0; } .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl { left: auto; right: 0; } .rateit button.rateit-reset { background: url(/img/rateit/delete.gif) 0 0; width: 12px; height: 12px; display: -moz-inline-box; display: inline-block; float: left; outline: none; border: none; padding: 0; } .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus { background-position: 0 -12px; } div.bigstars div.rateit-range { background: url(/img/rateit/star-white32.png); height: 24px; } div.bigstars div.rateit-hover { background: url(/img/rateit/star-gold32.png); } div.bigstars div.rateit-selected { background: url(/img/rateit/star-red32.png); } div.bigstars div.rateit-reset { background: url(/img/rateit/star-black32.png); width: 24px; height: 24px; } div.bigstars div.rateit-reset:hover { background: url(/img/rateit/star-white32.png); } .magazine-viewport .container { position: absolute; top: 50%; left: 50%; width: 922px; height: 600px; margin: auto; padding-left: 0; padding-right: 0; } .magazine-viewport .magazine { width: 922px; height: 600px; left: -461px; top: -300px; } .magazine-viewport .page { width: 461px; height: 600px; background-color: #fff; background-repeat: no-repeat; background-size: 100% 100%; } .magazine-viewport .zoomer .region { display: none; } .magazine .region { position: absolute; overflow: hidden; cursor: pointer; } .magazine .page { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .magazine-viewport .page img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; } .magazine .even .gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.2))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); } .magazine .odd .gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.15))); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); background: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); } .magazine-viewport .zoom-in .even .gradient, .magazine-viewport .zoom-in .odd .gradient { display: none; } .magazine-viewport .loader { background-image: url(/img/turnjs/loader.gif); width: 22px; height: 22px; position: absolute; top: 280px; left: 219px; } .magazine-viewport .shadow { -webkit-transition: -webkit-box-shadow 0.5s; -moz-transition: -moz-box-shadow 0.5s; -o-transition: -webkit-box-shadow 0.5s; -ms-transition: -ms-box-shadow 0.5s; -webkit-box-shadow: 0 0 20px #ccc; -moz-box-shadow: 0 0 20px #ccc; -o-box-shadow: 0 0 20px #ccc; -ms-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; } .magazine-viewport .next-button, .magazine-viewport .previous-button { width: 22px; height: 100%; position: absolute; top: 0; z-index: 300; } .magazine-viewport .next-button { right: 0; } .magazine-viewport .previous-button { left: 0; } .magazine-viewport .next-button-hover, .magazine-viewport .previous-button-hover { background-color: rgba(0, 0, 0, 0.2); } .magazine-viewport .previous-button-down, .magazine-viewport .previous-button-hover { background-image: url(/img/turnjs/arrows.png); background-position: -4px 284px; background-repeat: no-repeat; } .magazine-viewport .next-button-down, .magazine-viewport .previous-button-down { background-color: rgba(0, 0, 0, 0.4); } .magazine-viewport .next-button-down, .magazine-viewport .next-button-hover { background-image: url(/img/turnjs/arrows.png); background-position: -38px 284px; background-repeat: no-repeat; } .magazine-viewport .zoom-in .next-button, .magazine-viewport .zoom-in .previous-button { display: none; } .animated { -webkit-transition: margin-left 0.5s; -moz-transition: margin-left 0.5s; -ms-transition: margin-left 0.5s; -o-transition: margin-left 0.5s; transition: margin-left 0.5s; } .exit-message { position: absolute; top: 10px; left: 0; width: 100%; height: 40px; z-index: 10000; } .exit-message &gt; div { width: 140px; height: 30px; margin: auto; background: rgba(0, 0, 0, 0.5); text-align: center; font: 12px arial; line-height: 30px; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .zoom-icon { position: fixed; z-index: 1000; width: 32px; height: 32px; bottom: 5px; right: 10px; background-image: url(/img/turnjs/zoom-icons.png); background-size: 128px 32px; } .zoom-icon-in { background-position: -32px 0; cursor: pointer; } .zoom-icon-in.zoom-icon-in-hover { background-position: -32px 0; cursor: pointer; } .zoom-icon-out { background-position: -64px 0; } .zoom-icon-out.zoom-icon-out-hover { background-position: -96px 0; cursor: pointer; } .magazine-viewport .bottom { position: absolute; left: 0; bottom: 0; width: 100%; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1142; overflow: hidden; position: fixed; background: #fff; opacity: 1; filter: alpha(opacity=100); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1143; position: fixed; outline: 0 !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1145; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1144; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1146; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { height: 42px; line-height: 42px; position: fixed; left: 10px; bottom: 0; text-decoration: none; text-align: center; opacity: 1; filter: alpha(opacity=100); padding: 0 0 18px 10px; color: #333; font-size: 14px; } .mfp-close:focus, .mfp-close:hover { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { bottom: 0; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow .mfp-a, .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow .mfp-b, .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left .mfp-a, .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left .mfp-b, .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right .mfp-a, .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right .mfp-b, .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { bottom: 0; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { bottom: 0; left: 10px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { bottom: 0; left: 10px; padding-top: 0; } .cc_banner-wrapper { z-index: 9001; position: relative; } .cc_container .cc_btn { cursor: pointer; text-align: center; /*font-size:0.6em;*/ transition: font-size 200ms; line-height: 1em; } .cc_container .cc_message { /*font-size:0.6em;*/ transition: font-size 200ms; margin: 0; padding: 0; line-height: 1.5em; } .cc_container .cc_logo { display: none; } .cc_container { background: #fff; /*font-size:17px;*/ box-sizing: border-box; } @media screen and (min-width: 500px) { } @media screen and (min-width: 768px) { .cc_container .cc_message { /*font-size:1em;*/ line-height: 1em; } } @media screen and (min-width: 992px) { } @media print { .cc_banner-wrapper, .cc_container { display: none; } } .cc_container ::-moz-selection { background: #ff5e99; color: #fff; text-shadow: none; } .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #000; background-color: #f1d600; transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; -webkit-border-radius: 5px; border-radius: 5px; } .cc_container .cc_btn:hover, .cc_container .cc_btn:active { background-color: #fff; color: #000; } .cc_container a, .cc_container a:visited { text-decoration: none; color: #31a8f0; transition: 200ms color; } .cc_container a:hover, .cc_container a:active { color: #b2f7ff; } #cookies-top .cc_container { padding: 15px 15px 15px; overflow: hidden; position: fixed; top: 0; left: 0; right: 0; } #cookies-top .cc_container .cc_btn { padding: 8px 10px; cursor: pointer; text-align: center; display: block; width: 33%; margin-left: 10px; float: right; max-width: 120px; } #cookies-top .cc_container .cc_message { display: block; } @media screen and (min-width: 500px) { #cookies-top .cc_container .cc_message { margin-top: 0.5em; } } @media screen and (min-width: 768px) { #cookies-top .cc_container { padding: 15px 30px 15px; } #cookies-top .cc_container .cc_btn { padding: 8px 15px; } } #cookies-top .cc_container { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-name: slideDown; animation-name: slideDown; } #cookies-top .cc_banner-wrapper { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-name: growDown; animation-name: growDown; } #cookies-bottom .cc_container { position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 10px; } #cookies-bottom .cc_container .cc_btn { padding: 8px 10px; cursor: pointer; transition: font-size 200ms; text-align: center; /*font-size:0.6em;*/ display: block; width: 33%; margin-left: 10px; float: right; max-width: 120px; } #cookies-bottom .cc_container .cc_message { transition: font-size 200ms; /*font-size:0.6em;*/ display: block; } @media screen and (min-width: 500px) { #cookies-bottom .cc_container .cc_message { margin-top: 0.5em; /*font-size:0.8em*/ } } @media screen and (min-width: 768px) { #cookies-bottom .cc_container { padding: 15px 30px 15px; } #cookies-bottom .cc_container .cc_btn { /*font-size:1em;*/ padding: 8px 15px; } } @media screen and (min-width: 992px) { } #cookies-bottom .cc_container, .cc_message, .cc_btn { animation-duration: 0.8s; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -webkit-animation-name: slideUp; animation-name: slideUp; } #floating-left .cc_container { position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 10px 15px 50px; } #floating-left .cc_container .cc_btn { padding: 8px 16px; position: absolute; bottom: 10px; left: 15px; right: 15px; text-align: center; } @media screen and (min-width: 500px) { #cookies-floating-left .cc_container { right: auto; left: 20px; bottom: 20px; width: 300px; padding-bottom: 77px; } #cookies-floating-left .cc_container .cc_btn { right: 15px; bottom: 37px; } } @media screen and (min-width: 768px) { #cookies-floating-left .cc_container { padding-bottom: 87px; } } #cookies-floating-left .cc_container { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } #cookies-floating-right .cc_container { position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 10px 15px 50px; } #cookies-floating-right .cc_container .cc_btn { padding: 8px 16px; position: absolute; bottom: 10px; left: 15px; right: 15px; text-align: center; } @media screen and (min-width: 500px) { #cookies-floating-right .cc_container { left: auto; right: 20px; bottom: 20px; width: 300px; padding-bottom: 77px; } #cookies-floating-right .cc_container .cc_btn { right: 15px; bottom: 37px; } } @media screen and (min-width: 768px) { #cookies-floating-right .cc_container { padding-bottom: 87px; } } #cookies-floating-right .cc_container { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(66px); transform: translateY(66px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { -webkit-transform: translateY(66px); -ms-transform: translateY(66px); transform: translateY(66px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideDown { 0% { margin-top: -66px; } 100% { margin-top: 0; } } @keyframes slideDown { 0% { margin-top: -66px; } 100% { margin-top: 0; } } @-webkit-keyframes growDown { 0% { height: 0; } 100% { height: 66px; } } @keyframes growDown { 0% { height: 0; } 100% { height: 66px; } } @media print { * { /*background: transparent !important; color: black !important; */ text-shadow: none !important; filter: none !important; -ms-filter: none !important; /* font-family:Georgia, "Times New Roman", Times, serif !important;*/ } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } header.placeholder-header, .placeholder-left, .placeholder-right, footer.placeholder-footer { display: none !important; } .main_column { left: auto !important; right: auto !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #plantguide-extra-nav, #print-plantlist, .plantguide-extra-overview #plant-search-results ul li a .plant-image { display: none !important; } .plantguide-extra-overview #plant-search-results ul li { position: static !important; left: auto !important; top: auto !important; width: 100% !important; margin: 0 0 10px 0 !important; float: none !important; display: block !important; } #ZFDebug_debug { display: none !important; } a[href]:after { content: ""; display: none; } }
</pre></body></html>