* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/opensans_300.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/opensans_800.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    text-align: center;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    background-color: #f5f5f5;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-weight: 300;
}

fieldset { border: none; }
legend, hr { display: none; }
input, select, textarea, button { width: 100%; font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; }
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="password"], textarea, select { border: 1px solid #ddd; border-radius: 3px; box-shadow: inset 1px 1px 2px -1px rgba(0,0,0,0.2); font-size: 14px; padding: 9px; }
input[type="number"], input[name="qty"] { margin-bottom: 9px; width: 100px; }
select { box-shadow: none; background: linear-gradient(#f5f5f5, #e8e8e8); -webkit-appearance: none; }
input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto; margin-right: 5px; }
input[type="submit"], button { -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }
label { cursor: pointer; }
img { border: 0 none; max-width: 100%; height: auto; display: block; }
strong, b { font-weight: 800; }
a { color: #d10c0e; }
a:hover { text-decoration: underline; }
ul, ol { list-style: none; }
li a { display: block; text-decoration: none; }
p { margin: 0 0 18px 0; }
abbr { cursor: help; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
#map img { max-width: none; max-height: none; }
iframe { width: 100%; border: 0 none; }

.cf:after, .wrapper:after, nav:after, header:after, section:after, #main:after, #breadcrumb:after, #productlist:after, .products-grid:after, .filter:after, .pager:after, form li:after, .teaser form:after, .inset .teaser:after, td.item:after, .toolbar:after, .pane .product:after, .tt-dataset-products .product:after, .addresslist:after, .shortinfo:after, .priceinfo:after, #decision:after, .group:after, .progress:after, .pager:after, .banner:after, #sidebar .item:after, #sidebar:after, .spacer, .stars:after, .teaser--brand:after, .marketing__info__section .paymentlist:after { content: " "; display: table; clear: both; }
.nodisplay { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: block; }
.halfleft { width: 50%; float: left; }
.halfright { width: 50%; float: right; }

#cookie { background-color: #000; color: #FFF; padding: 10px; }
#cookie a { color: #FFF; }
#cookie button { background-color: #333; border: 0 none; color: #fff; display: inline-block; margin-left: 10px; min-width: 0; padding: 4px 10px; }

#region { display: none; }

.wrapper { max-width: 1000px; text-align: left; margin: 0 auto; }
#page { max-width: 1000px; text-align: left; margin: 18px auto; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 9px 10px; font-size: 14px; line-height: 22px; }

.slide, #breadcrumb, .button, .author, .availability, #subnav, .dropdown, .toolbar, .jumplist, .downloads { font-size: 12px; line-height: 18px; }

.dropdown > li { background-color: #f5f5f5; background-image: linear-gradient(#f5f5f5, #e8e8e8); position: relative; padding-right: 10px; }
.dropdown > li > a { padding: 9px 10px; color: #333; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpath fill='%23333333' d='M255,311.6l175-174.2l32,32.1l-206,205l-206-205l31-31.1L255,311.6z'/%3E%3C/svg%3E") 100% 50% no-repeat; }
.dropdown > li > a:hover { text-decoration: none; }
.dropdown .dd-content { display: none; background-color: #fff; z-index: 3; position: absolute; top: 36px;  width: 100%; border: 3px solid #e8e8e8; max-height: 400px; overflow: auto; -webkit-overflow-scrolling: touch; }
.dropdown .active .dd-content { display: block; }
.dropdown ul li a { padding: 4px 10px; color: #333; }
.dropdown .icon { width: 20px; height: 20px; vertical-align: text-bottom; margin-left: 5px; }

.sorter { display: inline-block; padding: 7px 0; margin-left: -10px; }
.sorter .icon { width: 20px; height: 20px; vertical-align: text-bottom; }

.count { display: inline-block; background-color: #e11719; min-width: 22px; padding: 0 3px; text-align: center; border-radius: 30px; color: #fff; border: 2px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,0.5); font-weight: 300; position: absolute; right: 10px; }
.toolbar .count { right: -2px; top: 0; line-height: 18px; }
.dropdown .count { background-color: transparent; border: 0 none; border-radius: 0; box-shadow: none; color: #333; font-weight: 800; min-width: 0; padding: 0; }

/* settings */
#settings { background-color: #666; color: #f5f5f5; padding: 9px 0; z-index: 101; position: relative; }
#settings a { color: #f5f5f5; }
#settings p { margin: 0 10px 0 0; float: right; }
#settings .dropdown { width: 150px; float: left; margin-right: 40px; }
#settings .dropdown > li { background: none; }
#settings .dropdown > li > a { padding: 0 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpath fill='%23ffffff' d='M255,311.6l175-174.2l32,32.1l-206,205l-206-205l31-31.1L255,311.6z'/%3E%3C/svg%3E") 100% 50% no-repeat; }
#settings .dropdown .dd-content { background-color: #666; top: 27px; border: 0 none; }

.c-banner { text-align: left; font-size: 10px; text-transform: uppercase; font-weight: 800; color: #777; letter-spacing: 1px; display: none; }
.c-banner p { margin: 0; }
.c-banner--skyscraper { position: absolute; top: 63px; left: 0; max-width: 160px;  }

/* header */
.toolbar { float: right; position: relative; }
.toolbar > li { float: left; border: 3px solid #fff; border-bottom: 0 none; position: relative; }
.toolbar > li.minicart-wrap { border: 0; }
.toolbar > li > a { float: left; color: #333; padding: 9px 10px; text-align: center; position: relative; z-index: 10; }
.toolbar > li > a.minicart { padding: 7px; }
.toolbar .icon { display: block; width: 36px; height: 36px; fill: #666; margin: 0 auto; }
.toolbar .pane { display: none; position: absolute; width: 300px; background-color: #fff; border: 3px solid #e8e8e8; top: 65px; right: -3px; z-index: 5; padding: 9px 10px; }
.toolbar > li.active { border-color: #e8e8e8; }
.toolbar > li.active > a { background-color: #fff; }
.toolbar > li.active > a.minicart { background-color: #666; }
.toolbar > li.active .pane { display: block; }

.minicart { margin-top: 15px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpath fill='%23ffffff' d='M255,311.6l175-174.2l32,32.1l-206,205l-206-205l31-31.1L255,311.6z'/%3E%3C/svg%3E") 90% 50% no-repeat #666; }
.minicart .icon { float: left; margin-right: 10px; fill: #fff; }
.minicart__info { float: left; width: 170px; text-align: left; color: #fff; }
.minicart__info__amount { display: block; }

.pane li a { padding: 5px 0; color: #333; border-bottom: 1px solid #e8e8e8; }
.pane li:last-child a { border-bottom: 0 none; }

nav { background-color: #e8e8e8; position: relative; z-index: 1; }
#logo { float: left; width: 230px; display: block; margin: 5px 0 18px 0; }
#logo img { width: 100%; height: auto; }
nav ul, nav li, nav li a, nav form { float: left; }
nav form { float: right; width: 340px; margin: 9px 10px; position: relative; }
nav input[type="text"], nav input[type="email"], #offpage input[type="text"] { float: left; width: 275px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
nav label, #offpage > form label { float: right; background-color: #666; border: 1px solid #555; width: 65px; text-align: center; line-height: 36px; border-left: 0 none; }
nav label .icon, #offpage label .icon { fill: #fff; width: 30px; height: 30px; vertical-align: middle; }
nav input[type="submit"], #offpage > form input[type="submit"] { display: none; }

nav li.rootlvl { margin: 3px 3px 0 3px; }
nav li.rootlvl > a { padding: 15px; font-weight: 800; color: #333; text-transform: uppercase; text-shadow: 1px 1px 0 #fff; }
nav li.rootlvl.active > a { background-color: #fff; position: relative; z-index: 2; }
nav .submenu { display: none; position: absolute; background-color: #fff; width: 100%; left: 0; z-index: 1; top: 52px; border: 3px solid #e8e8e8; }
nav .submenu .column { width: 25%; padding: 20px; }
nav .submenu .column li, nav .submenu .column li a { float: none; }
nav .submenu .column li a { padding: 5px 0; border-bottom: 1px solid #e8e8e8; color: #333; }
nav .submenu .column li:last-child a { border-bottom: 0 none; }

#breadcrumb { padding: 9px 70px 9px 0; position: relative; border-bottom: 1px solid #f3f3f3; }
#breadcrumb a { color: #333; text-decoration: none; }
#breadcrumb a:after { content: ' » '; }
#tellafriend, #print { position: absolute; width: 24px; height: 24px; right: 0; top: 7px; text-align: center; line-height: 24px; }
#tellafriend:hover, #print:hover { background-color: #efefef; }
#breadcrumb #tellafriend:after, #breadcrumb #print:after { content: ''; }
#tellafriend { right: 30px; }
#breadcrumb .icon { fill: #666; width: 18px; height: 18px; vertical-align: text-bottom; }

/* content */
.checkout-index-index .main { margin-top: 0; }
.main { margin: 36px 0; }
.main.inset { padding: 0 115px; }
#decision .halfleft { padding: 0 55px 0 115px; }
#decision .halfright { padding: 0 115px 0 55px; }

h1 { font-weight: 300; font-size: 24px; line-height: 36px; margin-bottom: 9px; }
h2 { font-weight: 300; font-size: 18px; line-height: 36px; margin-top: 36px; }
section h1 { text-align: center; font-weight: 300; font-size: 18px; line-height: 36px; color: #999; margin-top: 0; }
section h2, #highlights h2 { font-weight: 800; font-size: 14px; line-height: 18px; color: #333; margin-top: 9px; }
.cms-home h1 { border-top: 1px solid #f3f3f3; padding: 36px 0; }
.toolbar_amount { font-size: 14px; }

.main.inset ul { list-style: disc outside; margin-left: 1em; }
.main.inset .downloads ul { list-style: none; margin-left: 0; }
.main.inset li a { display: inline; }
.main.inset ol { list-style: decimal outside; margin-left: 1em; }

a.more { background-color: #cfcfcf; padding: 5px 10px; color: #333; text-decoration: none; }
a.more:hover { background-color: #ddd; }
ul.more { border-top: 1px solid #e8e8e8; margin-bottom: 18px; }
ul.more li a { border-bottom: 1px solid #e8e8e8; color: #333; padding: 5px 10px; }

section { border-top: 1px solid #f3f3f3; padding: 0 10px; position: relative; clear: both; }
section.inset { padding: 0 115px; }
section .close { position: absolute; display: block; top: 9px; right: 10px; }
section .close .icon { fill: #666; width: 14px; height: 14px; }
section.collapsed .slider { display: none; }

section.info { padding: 18px 0; clear: none; }
section.info:after { clear: none; }
section.info .more { font-size: 12px; }
section.info h2 { text-align: left; }

address { font-style: normal; }
#visual { margin-top: 18px; }
#visual img { width: 100%; }
.addresslist .item { float: left; width: 50%; }
.avatar { float: left; border: 3px solid #e8e8e8; padding: 5px; margin-right: 10px; }
.wishlistcart .button, .wishlistcart input { float: left; margin-right: 10px; }
#messages { clear: both; }
#hpiframe { height: 600px; }
.price-details { display: none; }

table { border: 0 none; width: 100%; border-collapse: collapse; border-top: 1px solid #e8e8e8; }
tr { border-bottom: 1px solid #e8e8e8; }
td { padding: 4px 0; vertical-align: top; }
td.label, th.mark, td.mark { text-align: right; width: 75%; }
td.sum, th.amount, td.amount { text-align: right; width: 25%; }
tr.total td { font-weight: 800; }
tr.total td.sum { font-size: 24px; }

.slider-visual { max-height: 230px; overflow: hidden; }
.slider-visual .slider__info { position: absolute; left: 20px; bottom: 0; z-index: 1; width: 75%; color: #fff; font-size: 14px; line-height: 22px; }
.slider-visual .slider__info h2 { margin-top: 0; }

.banner { background-color: #f5f5f5; border-bottom: 1px solid #e8e8e8; padding: 18px 17px; font-size: 12px; line-height: 18px; margin-bottom: 18px; }
.banner ul, .banner li, .banner li a { float: left; }
.banner li a { margin: 0 3px 5px 3px; }

.mask, body[aria-busy="true"]:before, .loading-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 5000; }
.loader, body[aria-busy="true"]:after { position: fixed; width: 100px; height: 100px; text-align: center; top: 50%; left: 50%; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-top: -50px; margin-left: -50px; background-color: #fff; z-index: 5001; }
.loader img { margin: 18px auto; }
body[aria-busy="true"] { height: 100%; overflow: hidden; }
body[aria-busy="true"]:before, body[aria-busy="true"]:after { content: ""; display: block; }
body[aria-busy="true"]:after{ background: #fff url(../images/loader-1.gif) no-repeat 50% 50%; }

body._has-modal { height: 100%; width: 100%; overflow: hidden; }
.modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; pointer-events: none; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 900; }
.modal-custom { position: absolute; visibility: hidden; z-index: 900; }
.modals-overlay { background-color: rgba(255, 255, 255, 0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 899; }

.modal-popup._show, .modal-slide._show, .modal-custom._show { visibility: visible; }
.modal-popup .modal-inner-wrap, .modal-slide .modal-inner-wrap, .modal-custom .modal-inner-wrap { position: absolute; left: 0; right: 0; max-width: 980px; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background-color: #fff; text-align: left; pointer-events: auto; overflow: hidden; display: flex; flex-direction: column; }
.modal-popup .modal-inner-wrap, .modal-slide .modal-inner-wrap { transform: translateY(-200%); transition: transform 0.2s; height: 70%; }
.modal-popup._show .modal-inner-wrap, .modal-slide._show .modal-inner-wrap { transform: translateY(15%); }
.modal-header { padding: 18px 20px; flex-grow: 0; flex-shrink: 0; }
.action-close { background-color: yellow; min-width: 0; padding: 0; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpath fill='%23333333' d='M374.652,438.378l-118.65-118.644l-118.65,118.659l-63.73-63.768l118.624-118.642L73.607,137.352l63.768-63.73l118.62,118.603l118.6-118.618l63.783,63.741L319.757,255.977l118.636,118.618L374.652,438.378z'/%3E%3C/svg%3E") 50% 50% no-repeat; }
.action-close span { display: none; }
.modal-content { overflow-y: auto; padding: 18px 20px; flex-grow: 1; font-size: 14px; line-height: 22px; }
.modal-footer { padding: 18px 20px; background-color: #fff; border-top: 1px solid #e8e8e8;  flex-grow: 0; flex-shrink: 0; }

#priceinfo { position: fixed; right: 20px; bottom: 20px; z-index: 100; background-color: rgba(255,255,255,0.8); padding: 10px 60px 10px 10px; min-height: 60px; text-align: left; }
#priceinfo span { display: block; }
#toplink { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; background-color: #333; color:#fff; display: block; display: none; padding: 10px; }
#toplink .icon { fill: #fff; }

.inset .teaser { float: none; width: auto; margin: 0; border-color: #eee; }
.inset .teaser h3 a { text-decoration: none; }
.inset .teaser h3 a:hover { text-decoration: underline; }
.inset .teaser .image { float: left; width: 105px; }
.inset .teaser .text { margin-left: 120px; }

.teaser.teaser--brand { border: 0; float: none; width: auto; margin: 0; }
.teaser.teaser--brand .image { width: 200px; float: left; }
.teaser.teaser--brand .text { margin-left: 220px; }

.c-intro { position: relative; color: #fff; margin-bottom: 20px; }
.c-intro__body { position: absolute; bottom: 0; left: 20px; width: 75%; }

.marketing { max-width: 265px; text-align: center; float: left; }
.marketing__info { text-align: left; background-color: #e8e8e8; padding: 20px; margin-bottom: 20px; }
.marketing__info__section { border-top: 1px solid #fff; padding-top: 10px; }
.marketing__info__section .paymentlist { margin: 20px 0; }
.marketing__info__section .paymentlist li { float: left; }
.marketing__info__section .button input[type="submit"] { margin-top: 10px; min-width: 0; }
.marketing__info strong { font-size: 18px; font-weight: 300; display: block; margin-top: 10px; }
.marketing img { margin: 10px auto; }
.maincontent { margin-left: 305px; padding-right: 40px; }
#subnav .marketing { float: none; margin-top: 40px; }
#subnav .marketing p { margin: 0 0 20px 0; color: #444; }

.wysiwyg-block-a { clear: both; width: auto; float: left; margin-right: 20px; margin-bottom: 20px; }
.wysiwyg-block-b { clear: both; width: 33.3%; float: left; margin-right: 20px; margin-bottom: 20px; }
.wysiwyg-block-c { clear: both; width: 50%; float: left; margin-right: 20px; margin-bottom: 20px; }
.wysiwyg-img-left { float: left; margin-right: 20px; }
.wysiwyg-img-right { float: right; margin-left: 20px; }

/* form */
.message, div.mage-error { padding: 10px; border: 1px solid #000; margin-bottom: 0; }
#main .message { margin-bottom: 18px; }
.message strong { display: block; }
.message p:last-child { margin: 0; }
.message.notice, .state.processing { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.message.info, .state.pending { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.message.success, .state.complete { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.message.error, div.mage-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }

.state { border-radius: 3px; display: inline-block; padding: 0 10px; margin-left: 50px; font-size: 12px; line-height: 18px; }
.order-actions, .order-date { font-size: 14px; line-height: 22px; }
.order-links li { display: inline-block; }
.order-links li strong, .order-links li a { display: inline-block; font-weight: 300; border: 1px solid #ddd; margin-right: 10px; padding: 5px 10px; font-size: 12px; }

.mainform { margin-top: 36px; }
form li { padding: 9px 0; position: relative; }
form li .button { margin: 0; }
form .lispace { clear: left; margin-bottom: 18px; }
form li.nolabel { padding-left: 25%; }
form li.nolabel.default:before { content:''; display: inline-block; width: 25px; height: 10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpolygon fill='%23333333' points='398.218,92.985 199.729,291.475 113.754,205.476 50,269.242 199.733,419.015 462,156.726 '/%3E%3C/svg%3E") 0 50% no-repeat; }
form li label { float: left; width: 25%; text-align: right; padding-right: 30px; position: relative; padding-top: 9px; }
form li .mandatory { position: absolute; right: 10px; top: 0; font-size: 20px; font-weight: 800; color: #a94442; }
form li input, form li textarea, form li select { float: left; width: 50%; }
form li input.short { width: 25%; margin-right: 10px; }
form li .suffix { display: block; padding-top: 9px; }
form li.checkbox { padding-left: 25%; }
form li.checkbox label { width: auto; padding-top: 0; margin: -4px 10px 0 10px; text-align: left; }

.field.required .label { position: relative; padding-right: 20px; display: inline-block; }
.field.required .label::after { content: '*'; display: block; font-size: 20px; font-weight: 800; color: #a94442; position: absolute; top: 0; right: 0; }
.control { margin-bottom: 9px; }

.halfleft form li label, .halfright form li label, .authentication-wrapper form li label, .pane form li label { float: none; display: inline-block; text-align: left; width: auto; }
.halfleft form li input, .halfleft form li textarea, .halfleft form li select, .halfright form li input, .halfright form li textarea, .halfright form li select, .authentication-wrapper form li input, .pane form li input { float: none; width: 100%; }

.button { margin-bottom: 18px; }
.button input[type="submit"], button { cursor: pointer; border: 0 none; width: auto; }
.button a, .button input[type="submit"], button, .back a, .banner li a, .print a { display: inline-block; text-decoration: none; background-color: #cfcfcf; color: #333; padding: 5px 5px; text-align: center; min-width: 230px; }
.button a:hover, .button input[type="submit"]:hover, button:hover, .banner li a:hover, .back a:hover, .print a:hover { background-color: #ddd; }
.button .icon { height: 18px; width: 18px; fill: #666; vertical-align: text-bottom; }
.button input.primary, .button input.primary:hover, .button button.primary, .button button.primary:hover, .button a.primary, .button a.primary:hover { background-color: #d10c0e; padding: 9px 20px; color: #fff; font-size: 16px; font-weight: 800; text-transform: uppercase; }
.button .primary .icon { fill: #e78485; width: 24px; height: 24px; }
.mainform .button { text-align: right; margin-right: 25%; }
.mainform .button a { min-width: 0; padding: 9px 20px; margin-right: 10px; }
.pane .button, .tt-menu .button { text-align: right; margin: 18px 0 0 0; }
.pane .button a, .tt-menu .button a { width: auto; padding: 5px 10px; }
.pane .button .primary, .pane .button .primary:hover, .tt-menu .button .primary, .tt-menu .button .primary:hover { padding: 5px 10px; font-size: 12px; text-transform: none; margin-top: 9px; }
.button .disabled { opacity: 0.3; }

.fieldgroup { clear: both; position: relative; top: -40px; float: none; }
.street .fieldgroup label { display: none; }
.street .fieldgroup { clear: none; top: 0; margin-top: -10px; margin-bottom: -5px; }
.note { display: block; font-size: 12px; line-height: 18px; padding-left: 25%; clear: left; padding-top: 9px; }

.iconlink { display: inline-block; font-size: 12px; line-height: 18px; margin: 9px 20px 9px 0; color: #333; text-decoration: none; }
.iconlink .icon { width: 16px; height: 16px; fill: #666; vertical-align: text-bottom; }

div.mage-error { position: absolute; right: 3px; top: 6px; border-radius: 3px; padding: 9px 20px; width: 25%; z-index: 1; }
div.mage-error:after, div.mage-error:before { right: 100%; top: 9px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
div.mage-error:after { border-right-color: #f2dede; border-width: 10px; }
div.mage-error:before { border-right-color: #ebccd1; border-width: 11px; margin-top: -1px; }
#validation-message-box div.mage-error { position: static; text-align: left; margin-bottom: 9px; width: 100%; }
#validation-message-box div.mage-error:after, #validation-message-box div.mage-error:before { border: 0 none; }

.back { border-top: 1px dotted #e8e8e8; padding-top: 9px; }
.back a, .print a { min-width: 0; padding: 5px 10px; font-size: 12px; line-height: 18px; background-color: #e8e8e8; }
.back a:hover, .print a:hover { background-color: #ddd; }

.teaser input[type="text"], .teaser input[type="email"], #coupon input[type="text"] { width: 50%; float: left; }
.teaser .error { clear:left; padding: 10px 0; }
.teaser .button, #coupon .button { float: left; margin-left: 5px; }
.teaser .button input, #coupon .button input { width: auto; padding: 9px 20px; background: linear-gradient(#f5f5f5, #e8e8e8); text-shadow: 0 1px #fff; min-width: 0; }

.tooltip { position: absolute; overflow: visible; top: 14px; left: 76%; }
.tooltip a, .tooltip span { display: block; width: 24px; height: 24px; background-color: #fff; border-radius: 15px; border: 3px solid #666; font-weight: 800; text-align: center; line-height: 18px; color: #666; }
.tooltip .content { position: absolute; width: 300px; background-color: #fff; top: 24px; left: 0; padding: 9px 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); display: none; }
.tooltip._active .content { display: block; }

.g-recaptcha { clear: both; }
.g-recaptcha iframe { height: 140px !important; }
#msp-recaptcha-container { clear: both; margin-left: 25%; margin-bottom: 20px; }

/* product info */
.stock { line-height: 20px; font-size: 12px; }
.stock .available { color: #719826; }
.stock .unavailable { color: #ae3a3a; }

.c-anouncement { color: #d10c0e; font-weight: 800; margin-bottom: 40px; }

.rating, .ratingcontrol { line-height: 20px; font-size: 12px; color: #333; font-weight: 300; }
.rating a { color: #333; }
.rating .stars, .ratingcontrol .stars { display: inline-block; margin-right: 10px; }
.rating .icon, .ratingcontrol .icon { width: 20px; height: 20px; fill: #ffc000; vertical-align: text-bottom; display: block; float: left; }
.rating.off .icon { fill: #ddd; }

.ratingcontrol { position: relative; top: -26px; }
.ratingcontrol input { display: none; }
.ratingcontrol label { float: none; padding: 0; width: auto; position: absolute; }
.ratingcontrol label .stars { opacity: 0; }
.ratingcontrol label.r1 { z-index: 5; }
.ratingcontrol label.r2 { z-index: 4; }
.ratingcontrol label.r3 { z-index: 3; }
.ratingcontrol label.r4 { z-index: 2; }
.ratingcontrol label.r5 { z-index: 1; }
.ratingcontrol label:hover .stars, .ratingcontrol label.active .stars { opacity: 1; }

#productinfo .price-box { float: left; width: 40%; line-height: 30px; }
#productinfo .regular-price, #productinfo .special-price, #productinfo .old-price { display: block; }
#productinfo .old-price { font-size: 12px; }
#productinfo .regular-price, #productinfo .special-price { font-size: 24px; }
.old-price { text-decoration: line-through; display: none !important; }
/*.special-price { color: #d10c0e; }*/
.tier-price { clear: both; }
.tier-price li { border-bottom: 1px dotted #ddd; padding: 9px 0; }
.tier-price li:last-child { border: 0 none; }

.weee span[data-label], .pane span[data-label], #cart span[data-label], #sidebar span[data-label] { display: block; font-weight: 800; }
.weee span[data-label]:after, .pane span[data-label]:after, #cart span[data-label]:after, #sidebar span[data-label]:after { content: " " attr(data-label); font-weight: 300; font-size: 12px; }
.priceinfo .price-excluding-tax { font-size: 14px; line-height: 14px; }
.price-excluding-tax { font-weight: 300 !important; }

.u-pricerequest { display: block; font-weight: 800; color: #333; }
#productinfo .u-pricerequest { font-size: 24px; }

/* product list */
.filter { margin-bottom: 18px; width: 100%; float: left; }
.filter .dropdown { float: left; width: 33.3%; padding-right: 20px; }
.pager { margin: 18px 0; clear: left; }
.pager .limiter { display: none; }
.pager p { float: left; }
.filter .toolbar_amount { display: none; }

.jumplist { float: right; }
.jumplist li, .jumplist li a, .jumplist li span { float: left; }
.jumplist li a, .jumplist li span { display: block; padding: 9px 0; text-align: center; width: 36px; margin-left: 5px; background-color: #e8e8e8; color: #333; }
.jumplist li a:hover { background-color: #ddd; }
.jumplist li span { font-weight: 800; background-color: #666; color: #fff; }
.jumplist li .icon { width: 14px; height: 14px; vertical-align: middle; fill: #333; }

#productlist { margin-left: 239px; border-left: 1px solid #e8e8e8; padding-left: 10px; margin-bottom: 36px; }
#subnav { float: left; width: 240px; border-right: 1px solid #e8e8e8; margin-bottom: 36px; padding-right: 10px; }
#subnav p { color: #999; margin: 36px 0; }
#subnav li a { color: #333; padding: 4px 10px; margin-bottom: 1px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='9' height='9'%3E%3Cpath fill='%23666666' d='M311.6,257L137.4,82l32.1-32l205,206l-205,206l-31.1-31L311.6,257z'/%3E%3C/svg%3E") 0 8px no-repeat; }
#subnav li.active > a { font-weight: 800; background-color: #e8e8e8; }
#subnav ul ul { padding-left: 20px; border-bottom: 1px solid #e8e8e8; }
#subnav li a .minicount { font-weight: 300; }

.product { float: left; width: 25%; text-align: center; padding: 18px 20px; }
#productlist .product { width: 33.3%; }
.product .image { margin-bottom: 18px; display: block; }
.product .image img { margin: 0 auto; }
.product h3, .product h4 { font-weight: 300; }
.product h3 a, .product h4 a { color: #333; text-decoration: none; }
.product h3 a:hover, .product h4 a:hover { text-decoration: underline; }

.c-badge:before { position: absolute; display: block; right: 0; top: 0; border-radius: 50%; width: 40px; height: 40px; content: ''; }
.c-badge--offer:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='%23fff' d='M9.7,8.2c0,1.9-0.4,3.3-1.3,4.4s-2.1,1.5-3.6,1.5c-1.5,0-2.6-0.5-3.5-1.6S0,10.1,0,8.2c0-1.9,0.4-3.3,1.3-4.4s2-1.5,3.5-1.5c1.5,0,2.7,0.5,3.6,1.6S9.7,6.4,9.7,8.2z M3.9,8.3c0,1,0.1,1.7,0.2,2.1c0.2,0.4,0.4,0.7,0.7,0.7s0.6-0.2,0.7-0.6s0.2-1.1,0.2-2.1c0-1-0.1-1.7-0.2-2.1S5.2,5.5,4.9,5.5c-0.3,0-0.6,0.2-0.7,0.7C4,6.6,3.9,7.3,3.9,8.3z M19.1,2.6L8.6,21.4H4.8L15.3,2.6H19.1z M24,15.7c0,1.9-0.4,3.3-1.3,4.4c-0.9,1-2.1,1.5-3.6,1.5c-1.5,0-2.6-0.5-3.5-1.6s-1.3-2.5-1.3-4.3c0-1.9,0.4-3.3,1.3-4.4s2-1.5,3.5-1.5c1.5,0,2.7,0.5,3.6,1.6S24,13.9,24,15.7z M18.2,15.8c0,1,0.1,1.7,0.2,2.1c0.2,0.4,0.4,0.7,0.7,0.7c0.4,0,0.6-0.3,0.8-0.8c0.1-0.5,0.2-1.2,0.2-2s-0.1-1.5-0.2-2c-0.1-0.5-0.4-0.8-0.8-0.8c-0.3,0-0.6,0.2-0.7,0.7C18.2,14.1,18.2,14.8,18.2,15.8z'/%3E%3C/svg%3E") 50% 50% no-repeat #d10c0e; }
.c-badge--new:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='%23fff' d='M6.8,16.8H4.7L1.7,9.9H1.7c0.1,0.5,0.2,1.1,0.2,1.7v5.2H0.2V7.2h2.2l2.9,6.8h0.1c-0.1-0.5-0.1-1-0.1-1.6V7.2h1.6V16.8z M12.8,16.8H8.5V7.2h4.3v1.5h-2.5V11h2.3v1.5h-2.3v2.6h2.5V16.8z M22.1,16.8h-2.2l-0.9-5c-0.1-0.7-0.2-1.5-0.3-2.4l-0.1,0.5l-0.3,2l-0.9,5h-2.2l-1.7-9.5h1.7l0.9,5.4c0.1,0.5,0.2,1.4,0.3,2.5c0.1-1.2,0.2-2,0.3-2.5l1-5.4h1.8l1,5.4c0.1,0.8,0.2,1.6,0.3,2.5c0.2-1.3,0.3-2.1,0.3-2.5l0.8-5.4h1.8L22.1,16.8z'/%3E%3C/svg%3E") 50% 50% no-repeat #d10c0e; }
.c-badge--top:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='%23fff' d='M4.6,17.8H2.4V8.1H0.2V6.2h6.6v1.9H4.6V17.8z M15.8,12c0,1.9-0.4,3.4-1.1,4.4C14,17.5,13,18,11.6,18c-1.3,0-2.4-0.5-3.1-1.5c-0.7-1-1.1-2.5-1.1-4.4c0-1.9,0.4-3.4,1.1-4.4c0.7-1,1.8-1.5,3.1-1.5C13,6,14,6.5,14.7,7.6C15.4,8.6,15.8,10.1,15.8,12z M9.7,12c0,1.3,0.2,2.3,0.5,3s0.8,1,1.5,1c1.3,0,2-1.4,2-4.1s-0.6-4.1-1.9-4.1c-0.7,0-1.2,0.3-1.5,1C9.8,9.7,9.7,10.7,9.7,12z M23.8,9.8c0,1.2-0.3,2.2-0.9,2.8s-1.5,1-2.7,1h-0.5v4.2h-2.2V6.2h2.9C22.7,6.2,23.8,7.4,23.8,9.8z M19.6,11.7h0.4c0.5,0,0.9-0.1,1.2-0.4s0.4-0.8,0.4-1.4c0-0.6-0.1-1.1-0.4-1.4s-0.6-0.4-1.1-0.4h-0.5V11.7z'/%3E%3C/svg%3E") 50% 50% no-repeat #d10c0e; }
.c-badge--promo:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='%23fff' d='M3.4,10.9c0,0.6-0.2,1.1-0.5,1.5s-0.8,0.5-1.4,0.5H1.2V15H0.1V9h1.5C2.8,9,3.4,9.6,3.4,10.9z M1.2,11.9h0.2c0.3,0,0.5-0.1,0.6-0.2c0.1-0.1,0.2-0.4,0.2-0.7c0-0.3-0.1-0.5-0.2-0.7C1.9,10.1,1.8,10,1.5,10H1.2V11.9z M5.2,12.7V15H4.1V9h1.4c0.6,0,1.1,0.1,1.4,0.4c0.3,0.3,0.4,0.7,0.4,1.3c0,0.8-0.3,1.3-0.8,1.6L7.7,15H6.6l-0.9-2.3H5.2z M5.2,11.7h0.3c0.3,0,0.4-0.1,0.6-0.2s0.2-0.4,0.2-0.7c0-0.3-0.1-0.5-0.2-0.6C5.9,10.1,5.8,10,5.5,10H5.2V11.7z M12.4,12c0,1-0.2,1.7-0.6,2.3c-0.4,0.5-0.9,0.8-1.6,0.8c-0.7,0-1.2-0.3-1.6-0.8C8.3,13.7,8.1,13,8.1,12c0-1,0.2-1.7,0.6-2.3C9,9.2,9.6,8.9,10.3,8.9c0.7,0,1.2,0.3,1.6,0.8C12.2,10.3,12.4,11,12.4,12z M9.2,12c0,0.7,0.1,1.2,0.3,1.6c0.2,0.4,0.4,0.5,0.8,0.5c0.7,0,1-0.7,1-2.1s-0.3-2.1-1-2.1c-0.3,0-0.6,0.2-0.8,0.5C9.3,10.8,9.2,11.3,9.2,12z M15.4,15l-1.1-5.1h0c0.1,0.4,0.1,0.7,0.1,1.1v4h-1V9h1.7l1,4.7h0L17,9h1.7V15h-1v-4c0-0.3,0-0.7,0.1-1h0L16.6,15H15.4z M23.9,12c0,1-0.2,1.7-0.6,2.3c-0.4,0.5-0.9,0.8-1.6,0.8c-0.7,0-1.2-0.3-1.6-0.8S19.6,13,19.6,12c0-1,0.2-1.7,0.6-2.3c0.4-0.5,0.9-0.8,1.6-0.8c0.7,0,1.2,0.3,1.6,0.8C23.7,10.3,23.9,11,23.9,12z M20.7,12c0,0.7,0.1,1.2,0.3,1.6c0.2,0.4,0.4,0.5,0.8,0.5c0.7,0,1-0.7,1-2.1s-0.3-2.1-1-2.1c-0.3,0-0.6,0.2-0.8,0.5C20.8,10.8,20.7,11.3,20.7,12z'/%3E%3C/svg%3E") 50% 50% no-repeat #d10c0e; }
.c-badge--edu:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28'%3E%3Cpath fill='%23fff' d='M5.5,17.9H0.1v-12h5.4v1.9H2.3v2.8h2.9v1.9H2.3v3.3h3.2V17.9z M14.8,11.8c0,2-0.4,3.5-1.2,4.5s-2,1.6-3.5,1.6H7.2v-12h3.2c1.4,0,2.5,0.5,3.2,1.5S14.8,10,14.8,11.8z M12.5,11.9c0-2.7-0.7-4-2.2-4H9.4v8.1h0.7c0.8,0,1.4-0.3,1.8-1C12.3,14.3,12.5,13.2,12.5,11.9z M23.9,5.9v7.7c0,1.4-0.3,2.5-1,3.3c-0.6,0.7-1.6,1.1-2.8,1.1c-1.2,0-2.1-0.4-2.7-1.1c-0.6-0.7-0.9-1.8-0.9-3.3V5.9h2.2v7.9c0,1.5,0.5,2.3,1.5,2.3c0.5,0,0.8-0.2,1.1-0.6c0.3-0.4,0.4-0.9,0.4-1.7V5.9H23.9z'/%3E%3C/svg%3E") 50% 50% no-repeat #d10c0e; }
.c-badge--demo:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3.7%2C8.14c0.5%2C0%2C0.89%2C0.11%2C1.17%2C0.32c0.28%2C0.21%2C0.49%2C0.5%2C0.63%2C0.86c0.14%2C0.36%2C0.22%2C0.77%2C0.26%2C1.24c0.03%2C0.47%2C0.05%2C0.95%2C0.05%2C1.46c0%2C0.51-0.02%2C0.99-0.05%2C1.46s-0.12%2C0.88-0.26%2C1.24c-0.14%2C0.36-0.35%2C0.64-0.63%2C0.86C4.6%2C15.79%2C4.21%2C15.9%2C3.7%2C15.9H1.19V8.14H3.7z%20M3.27%2C14.44c0.17%2C0%2C0.3-0.03%2C0.4-0.08c0.1-0.05%2C0.18-0.17%2C0.23-0.34c0.05-0.17%2C0.09-0.42%2C0.1-0.74c0.02-0.32%2C0.02-0.74%2C0.02-1.26c0-0.52-0.01-0.94-0.02-1.26c-0.02-0.32-0.05-0.56-0.1-0.74C3.84%2C9.84%2C3.77%2C9.73%2C3.67%2C9.67c-0.1-0.05-0.23-0.08-0.4-0.08H2.92v4.85H3.27z%20M10.48%2C8.14v1.65H8.27v1.33h2.07v1.59H8.27v1.54h2.29v1.65H6.54V8.14H10.48z%20M13.61%2C8.14l0.7%2C4.6h0.02l0.7-4.6h2.48v7.76h-1.62v-5.78h-0.02l-0.92%2C5.78h-1.25l-0.92-5.78h-0.02v5.78h-1.62V8.14H13.61z%20M18.18%2C10.16c0.08-0.51%2C0.21-0.93%2C0.4-1.25c0.19-0.32%2C0.43-0.56%2C0.74-0.71c0.3-0.15%2C0.68-0.22%2C1.12-0.22c0.44%2C0%2C0.81%2C0.07%2C1.12%2C0.22s0.55%2C0.38%2C0.74%2C0.71c0.19%2C0.32%2C0.32%2C0.74%2C0.4%2C1.25c0.08%2C0.51%2C0.12%2C1.13%2C0.12%2C1.85c0%2C0.72-0.04%2C1.34-0.12%2C1.85s-0.21%2C0.93-0.4%2C1.25c-0.19%2C0.32-0.43%2C0.55-0.74%2C0.69s-0.68%2C0.21-1.12%2C0.21c-0.44%2C0-0.81-0.07-1.12-0.21c-0.3-0.14-0.55-0.37-0.74-0.69c-0.19-0.32-0.32-0.74-0.4-1.25c-0.08-0.51-0.12-1.13-0.12-1.85C18.06%2C11.29%2C18.1%2C10.67%2C18.18%2C10.16zM19.87%2C13.31c0.01%2C0.34%2C0.04%2C0.62%2C0.08%2C0.82c0.04%2C0.2%2C0.1%2C0.34%2C0.18%2C0.42c0.08%2C0.08%2C0.18%2C0.12%2C0.31%2C0.12c0.13%2C0%2C0.23-0.04%2C0.31-0.12c0.08-0.08%2C0.14-0.22%2C0.18-0.42s0.07-0.48%2C0.08-0.82s0.02-0.78%2C0.02-1.3c0-0.52-0.01-0.95-0.02-1.3c-0.01-0.34-0.04-0.62-0.08-0.82c-0.04-0.2-0.1-0.34-0.18-0.42c-0.08-0.08-0.18-0.12-0.31-0.12c-0.13%2C0-0.23%2C0.04-0.31%2C0.12c-0.08%2C0.08-0.14%2C0.22-0.18%2C0.42c-0.04%2C0.2-0.07%2C0.48-0.08%2C0.82c-0.01%2C0.34-0.02%2C0.78-0.02%2C1.3C19.85%2C12.54%2C19.85%2C12.97%2C19.87%2C13.31z%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat #d10c0e; }
.c-badge--cashback:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.91%2C5.26C4.84%2C5.12%2C4.73%2C5.04%2C4.57%2C5.04c-0.12%2C0-0.22%2C0.04-0.29%2C0.11C4.21%2C5.23%2C4.16%2C5.36%2C4.12%2C5.55C4.08%2C5.74%2C4.06%2C5.99%2C4.05%2C6.31C4.03%2C6.63%2C4.03%2C7.03%2C4.03%2C7.51S4.03%2C8.4%2C4.05%2C8.72c0.01%2C0.32%2C0.04%2C0.57%2C0.07%2C0.76S4.21%2C9.8%2C4.28%2C9.88c0.07%2C0.07%2C0.17%2C0.11%2C0.29%2C0.11c0.1%2C0%2C0.18-0.03%2C0.24-0.09s0.11-0.15%2C0.15-0.29S5.02%2C9.3%2C5.04%2C9.07c0.01-0.23%2C0.02-0.51%2C0.02-0.85h1.56v0.53c0%2C0.5-0.06%2C0.92-0.17%2C1.24c-0.12%2C0.32-0.27%2C0.58-0.46%2C0.76c-0.19%2C0.19-0.41%2C0.31-0.65%2C0.37c-0.25%2C0.06-0.5%2C0.1-0.76%2C0.1c-0.45%2C0-0.82-0.06-1.11-0.19c-0.29-0.13-0.51-0.34-0.67-0.64c-0.16-0.3-0.27-0.69-0.33-1.16S2.37%2C8.19%2C2.37%2C7.51c0-0.69%2C0.04-1.27%2C0.11-1.75c0.07-0.48%2C0.19-0.86%2C0.37-1.16c0.17-0.3%2C0.4-0.51%2C0.68-0.64c0.28-0.13%2C0.63-0.2%2C1.05-0.2c0.36%2C0%2C0.67%2C0.05%2C0.93%2C0.16c0.25%2C0.11%2C0.46%2C0.26%2C0.62%2C0.46c0.16%2C0.2%2C0.27%2C0.44%2C0.35%2C0.72C6.54%2C5.39%2C6.57%2C5.7%2C6.57%2C6.05v0.45H5.02V6.1C5.02%2C5.69%2C4.98%2C5.41%2C4.91%2C5.26z%20M10.23%2C3.91l1.5%2C7.2h-1.71L9.86%2C9.85H8.58l-0.16%2C1.26H6.73l1.48-7.2H10.23z%20M9.21%2C5.39L8.77%2C8.44h0.9L9.23%2C5.39H9.21z%20M14.41%2C5.82c0-0.22-0.04-0.4-0.11-0.55c-0.08-0.15-0.19-0.23-0.35-0.23c-0.17%2C0-0.3%2C0.07-0.38%2C0.2c-0.08%2C0.13-0.12%2C0.28-0.12%2C0.44c0%2C0.24%2C0.07%2C0.42%2C0.2%2C0.56c0.13%2C0.14%2C0.29%2C0.26%2C0.49%2C0.36c0.2%2C0.1%2C0.41%2C0.2%2C0.63%2C0.31c0.22%2C0.1%2C0.44%2C0.24%2C0.63%2C0.41c0.2%2C0.17%2C0.36%2C0.39%2C0.49%2C0.66c0.13%2C0.27%2C0.19%2C0.63%2C0.19%2C1.06c0%2C0.77-0.19%2C1.32-0.56%2C1.67c-0.38%2C0.35-0.92%2C0.52-1.63%2C0.52c-0.33%2C0-0.63-0.03-0.89-0.1c-0.26-0.06-0.47-0.17-0.65-0.33c-0.18-0.16-0.31-0.37-0.4-0.62c-0.09-0.25-0.14-0.57-0.14-0.95V8.98h1.56v0.17c0%2C0.31%2C0.05%2C0.53%2C0.15%2C0.65c0.1%2C0.12%2C0.22%2C0.19%2C0.38%2C0.19c0.17%2C0%2C0.29-0.07%2C0.38-0.2c0.09-0.13%2C0.13-0.3%2C0.13-0.49c0-0.24-0.06-0.42-0.19-0.56c-0.12-0.14-0.28-0.26-0.47-0.35c-0.19-0.1-0.39-0.2-0.61-0.3s-0.42-0.23-0.61-0.39c-0.19-0.16-0.34-0.37-0.47-0.64c-0.12-0.26-0.19-0.6-0.19-1.03c0-0.73%2C0.17-1.29%2C0.5-1.67s0.84-0.57%2C1.52-0.57c0.7%2C0%2C1.21%2C0.18%2C1.53%2C0.53s0.47%2C0.92%2C0.47%2C1.69h-1.5V5.82z%20M18.26%2C3.91v2.64h0.99V3.91h1.61v7.2h-1.61V8.15h-0.99v2.97h-1.61v-7.2H18.26z%20M5.03%2C12.91c0.58%2C0%2C1%2C0.16%2C1.28%2C0.49s0.41%2C0.76%2C0.41%2C1.31c0%2C0.19-0.02%2C0.37-0.06%2C0.55c-0.04%2C0.18-0.09%2C0.34-0.17%2C0.48c-0.08%2C0.14-0.18%2C0.27-0.3%2C0.37c-0.12%2C0.1-0.27%2C0.17-0.44%2C0.21v0.02c0.2%2C0.02%2C0.38%2C0.08%2C0.52%2C0.19c0.14%2C0.1%2C0.26%2C0.23%2C0.35%2C0.39c0.09%2C0.16%2C0.16%2C0.33%2C0.2%2C0.51s0.06%2C0.37%2C0.06%2C0.56c0%2C0.31-0.03%2C0.6-0.1%2C0.86c-0.07%2C0.26-0.18%2C0.49-0.32%2C0.68c-0.15%2C0.19-0.34%2C0.33-0.58%2C0.44c-0.24%2C0.1-0.52%2C0.16-0.86%2C0.16H2.6v-7.2H5.03z%20M4.6%2C15.74c0.17%2C0%2C0.29-0.07%2C0.38-0.22c0.09-0.14%2C0.13-0.31%2C0.13-0.51c0-0.2-0.04-0.38-0.13-0.53c-0.09-0.15-0.21-0.22-0.38-0.22H4.21v1.47H4.6z%20M4.66%2C18.77c0.15%2C0%2C0.28-0.07%2C0.4-0.22s0.17-0.37%2C0.17-0.67c0-0.28-0.06-0.5-0.17-0.65c-0.12-0.15-0.25-0.22-0.4-0.22H4.21v1.76H4.66zM10.55%2C12.91l1.5%2C7.2h-1.71l-0.16-1.26H8.9l-0.16%2C1.26H7.05l1.48-7.2H10.55z%20M9.53%2C14.39l-0.44%2C3.06h0.9l-0.44-3.06H9.53zM14.69%2C14.27c-0.07-0.15-0.18-0.22-0.34-0.22c-0.12%2C0-0.22%2C0.04-0.29%2C0.11c-0.07%2C0.07-0.13%2C0.21-0.16%2C0.39c-0.04%2C0.19-0.06%2C0.44-0.07%2C0.76c-0.01%2C0.32-0.02%2C0.72-0.02%2C1.21s0.01%2C0.89%2C0.02%2C1.21c0.01%2C0.32%2C0.04%2C0.57%2C0.07%2C0.76c0.04%2C0.19%2C0.09%2C0.32%2C0.16%2C0.39c0.07%2C0.07%2C0.17%2C0.11%2C0.29%2C0.11c0.1%2C0%2C0.18-0.03%2C0.24-0.09c0.06-0.06%2C0.11-0.15%2C0.15-0.29c0.03-0.13%2C0.06-0.31%2C0.07-0.54s0.02-0.51%2C0.02-0.85h1.56v0.54c0%2C0.5-0.06%2C0.92-0.17%2C1.24c-0.12%2C0.32-0.27%2C0.58-0.46%2C0.76c-0.19%2C0.19-0.41%2C0.31-0.65%2C0.37c-0.25%2C0.06-0.5%2C0.1-0.76%2C0.1c-0.45%2C0-0.82-0.06-1.11-0.19c-0.29-0.13-0.51-0.34-0.67-0.64c-0.16-0.3-0.27-0.69-0.33-1.16c-0.06-0.47-0.09-1.05-0.09-1.72c0-0.69%2C0.04-1.27%2C0.11-1.75c0.07-0.48%2C0.19-0.86%2C0.37-1.16s0.4-0.51%2C0.68-0.64c0.28-0.13%2C0.63-0.2%2C1.05-0.2c0.36%2C0%2C0.67%2C0.05%2C0.92%2C0.16c0.25%2C0.11%2C0.46%2C0.26%2C0.62%2C0.46s0.27%2C0.44%2C0.35%2C0.72c0.07%2C0.28%2C0.11%2C0.59%2C0.11%2C0.94v0.45h-1.56v-0.4C14.79%2C14.69%2C14.76%2C14.41%2C14.69%2C14.27z%20M18.52%2C12.91v2.77h0.02l1.19-2.77h1.71l-1.56%2C3.15l1.75%2C4.06H19.8l-0.94-2.51l-0.34%2C0.61v1.91h-1.61v-7.2H18.52z%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat #d10c0e; }

.products-grid .product { position: relative; margin-bottom: 26px; }
#productlist .products-grid { float: left; width: 100%; }

.products-list .product { float: none; width: auto; text-align: left; padding: 18px 0; }
#productlist .products-list .product { width: auto; }
.products-list .product .image { float: left; width: 75px; }
.products-list .product .text { margin-left: 100px; }
.products-list .product textarea { margin-bottom: 18px; }

.product-more { display: none; transition: width ease 0.2s; position: absolute; top: 0; right: 0; height: 100%; width: 100%;  border: 3px solid #e8e8e8; background-color: #fff; text-align: left; padding: 10px; font-size: 12px; line-height: 18px; }
.product-more .product-more-side { width: 130px; }
.product-more .stock, .product-more .rating, .product-more .brand { margin-bottom: 18px; display: block; }
.product-more .stock strong { display: block; }
.product-more .benefits { position: absolute; width: 130px; bottom: 90px; }
.product-more .button { position: absolute; bottom: 9px; right: 10px; margin: 0; text-align: right; }
.product-more .button a { margin-top: 9px; }
.product.over .product-base { position: relative; z-index: 2; }
.product.over .product-more { display: block; z-index: 1; }

.twitter-typeahead { max-height: 33px; }
.tt-menu { background-color: #fff; border: 3px solid #e8e8e8; padding: 9px 10px; border-top: 0 none; }
.pane .products, .tt-dataset-products { max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; }
.pane .product, .tt-dataset-products .product { float: none; width: auto; text-align: left; border-bottom: 1px solid #e8e8e8; padding: 10px 0; }
.pane .product .image, .tt-dataset-products .product .image { width: 90px; float: left; }
.pane .product .text, .tt-dataset-products .product .text { margin-left: 100px; }

.product.q0 { clear: left; }
#productlist .product.q0 { clear: none; }
#productlist .product.t0 { clear: left; }

.product.q0 .product-more { right: auto; left: 0; text-align: right; }
.product.q0 .product-more-side { float: right; }
.product.q0 .product-more .button { right: auto; left: 10px; text-align: left; }

#productlist .product.q0 .product-more { right: 0; left: auto; text-align: left; }
#productlist .product.q0 .product-more-side { float: none; }
#productlist .product.q0 .product-more .button { right: 10px; left: auto; text-align: right; }

/* productdetail */
#baseinfo { float: right; width: 50%; }
#productinfo { float: right; width: 50%; position: relative; clear: right; }
#imageslider { float: left; width: 50%; padding-right: 20px; }
#ratings, #details { border-top: 1px solid #f3f3f3; padding: 36px 115px; clear: both; }

#baseinfo h1 { margin-right: 120px; }
#baseinfo .brandlogo { float: right; margin-top: 10px; }

.slider-thumb { padding: 0 60px; margin: 40px 0 20px 0; }
.slider-thumb .item { padding: 0 10px; }
.slider-thumb .item a { display: block; border: 3px solid #e8e8e8; padding: 5px; text-align: center; width: 68px; height: 68px; }
.slider-thumb .item a img { margin: 0 auto; }
.slider-thumb .item.active a { border-color: #D10C0E; }
.slider-product { margin-bottom: 40px; text-align: center; }
.slider-product img { margin: 0 auto; position: relative; }
#magnify { position: absolute; top: 0; left: 0; width: 100%; }

.product-video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
.video { position: relative; display: block; z-index: 2; }
.video:after { position: absolute; border-radius: 50%; display: block; content: ' '; top: 50%; left: 50%; border: 2px solid #fff; width: 50px; height: 50px; margin-top: -27px; margin-left: -27px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23fff' d='M16 16c0 1.104-.896 2-2 2h-12c-1.104 0-2-.896-2-2v-8c0-1.104.896-2 2-2h12c1.104 0 2 .896 2 2v8zm8-10l-6 4.223v3.554l6 4.223v-12z'/%3E%3C/svg%3E") 50% 50% no-repeat rgba(0,0,0,.5); }
.slider-product .video:after { width: 80px; height: 80px; border-width: 4px; margin-top: -44px; margin-left: -44px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48'%3E%3Cpath fill='%23fff' d='M16 16c0 1.104-.896 2-2 2h-12c-1.104 0-2-.896-2-2v-8c0-1.104.896-2 2-2h12c1.104 0 2 .896 2 2v8zm8-10l-6 4.223v3.554l6 4.223v-12z'/%3E%3C/svg%3E") 50% 50% no-repeat rgba(0,0,0,.5); }

.priceinfo { border-top: 1px dotted #cbcbcb; border-bottom: 1px dotted #cbcbcb; margin: 9px 0; padding: 9px 0; }
.priceinfo form, .priceinfo .cartreplace { text-align: right; float: right; width: 60%; }
.page-product-grouped .priceinfo form { float: none; width: 100%; }
.group { border-bottom: 1px dotted #cbcbcb; margin-bottom: 9px; }
.group h3 a { color: #333; text-decoration: none; }
.group h3 a:hover { text-decoration: underline; }
.group .stock.halfright { float: none; width: auto; margin: 9px 0; }
.grouped .price-box { text-align: left; }

#product-options-wrapper { text-align: left; margin-bottom: 18px; padding-left: 50px; }
#product-options-wrapper .choice { padding: 9px 0; border-bottom: 1px dotted #ddd; }
#product-options-wrapper .price-notice { display: block; font-size: 36px; }
#product-options-wrapper .price-container { display: inline-block; font-size: 14px; }

.tools { font-size: 12px; line-height: 18px; }
.tools .button { text-align: right; clear: both; }
.tools .more, .tools .more li, .tools .share li  { float: left; border: 0 none; }
.tools .more, .tools .share { margin-bottom: 36px; }
.tools .more li { margin-right: 20px; }
.tools .more li a { display: inline; color: #333; border: 0 none; padding: 0; text-decoration: underline; }
.tools .share { float: right; }
.tools .share li a { float: left; width: 20px; height: 20px; border-radius: 4px; border: 1px solid #ddd; background-color: #e8e8e8; margin-left: 5px; }
.tools .share li a:hover { background-color: #fff; }
.tools .share li a .icon { fill: #666; }

a#wShowLeasingTable { margin: 0 !important; border: 0 !important; padding: 5px !important; font-weight: bold; background-color: #ffcc00; }
a#wShowLeasingTable:hover { color: #333 !important; }
#albis_personal_data .field { position: relative; }
table.responsive-table th { background-color: #d10c0e !important; }

#details dl, dl.table, .cms-privacy dl { margin-bottom: 18px; }
#details dt, dl.table dt, .cms-privacy dt { width: 34%; padding: 11px 0; font-weight: 800; }
#details dd, dl.table dd, .cms-privacy dd { border-bottom: 1px dotted #ddd; margin-top: -44px; padding: 11px 0 11px 35%; }
.pane dl.table dd { margin-top: -40px; text-align: right; }

#details ul, .cms-privacy .main ul { list-style: disc outside; margin-left: 1em; margin-bottom: 20px; }
#details .downloads ul { list-style: none; margin-left: 0; }
#details li a { display: inline; }
#details ol { list-style: decimal outside; margin-left: 1em; margin-bottom: 20px; }

#ratings p { margin-bottom: 9px; }
#ratings .item { margin-bottom: 18px; }
#ratings h2 { float: left; margin: 0; line-height: 18px; }
#ratings .button { float: right; }

.downloads { float: right; width: 230px; background-color: #f5f5f5; margin: 0 -115px 20px 18px; padding: 9px 15px; overflow: hidden; }
.downloads h3 { border-bottom: 1px solid #d7d7d7; }
.downloads li a { padding: 5px 0; color: #333; }

/* amazon */
html.video:after { display: none; }
.amazon-button-container { margin-top: 10px; }
.amazon-addtoCart { padding: 0 !important; height: 0; width: 0; position: absolute; }
.login-with-amazon img { display: inline-block; }
.revert-checkout { background-color: #cfcfcf; margin-bottom: 10px; color: #333; padding: 5px 20px; display: inline-block; }
.amazon-widget { height: 300px; margin-bottom: 20px; }

/* cart */
.paypal-logo { margin-top: 18px; }
.pane .paypal-logo { margin-top: 9px; }

#cart .item, .cart .item { width: 55%; padding-left: 10px; }
#cart .price, #cart .qty, #cart .subtotal, .cart .price, .cart .qty, .cart .subtotal { width: 15%; text-align: right; padding-right: 10px; }
#cart th, .cart th { text-align: left; color: #999; background-color: #f5f5f5; padding: 18px 0; }
#cart tr, .cart tr { position: relative; }
#cart td.qty, #cart td.price, #cart td.subtotal, .cart td.qty, .cart td.price, .cart td.subtotal { padding-top: 40px; }
#cart .image, .cart .image { float: left; display: block; padding: 9px 0; }
#cart .text, .cart .text { margin-left: 90px; padding-top: 36px; }
#cart .text a { color: #333; text-decoration: none; }
#cart h3, .cart h3 { font-weight: 300; }
#cart .qty input { width: 100px; }
#cart div.mage-error { top: 30px; right: -100px; text-align: left; }

#totals { background-color: #f5f5f5; padding: 18px 20px; margin-bottom: 9px; }
#totals table { border-top: 0 none; }
#totals tr { border-bottom: 0 none; }
#totals td { padding: 9px 0; }

#cartactions { position: absolute; max-width: 400px; padding: 18px; }
#empty_cart_button { display: none; }
#cartactions a, #cartactions button { margin-bottom: 9px; }
#nextstep { text-align: right; }

#shipping-calculator { width: 45%; float: left; }
#coupon { width: 45%; float: right; }
#coupon label { display: block; }
.c-checkout-note { width: 45%; float: left; margin-bottom: 18px; }
.c-checkout-note .c-subtitle { font-weight: 300; font-size: 18px; line-height: 36px; margin-top: 36px; }
.c-checkout-note label { display: block; }

/* checkout */
#checkout { position: relative; }
#sidebar { background-color: #f5f5f5; border: 1px solid #e8e8e8; padding: 9px 10px; }
#sidebar .summary { float: left; width: 45%; }
#sidebar .shipping { float: right; width: 45%; }
#sidebar h2 { margin-top: 0; }
#sidebar h3 { margin: 9px 0; }
#sidebar .section { padding: 18px 0; }
#sidebar .item { padding: 18px 0; }
#sidebar .image { float: left; }
#sidebar .text { margin-left: 90px; }

.authentication-wrapper { position: absolute; right: 0; top: -70px; }
.authentication-wrapper button { min-width: 0; padding: 5px 10px; }
.authentication-dropdown { width: 300px; top: 0; right: 0; }

.progress { background-color: #f5f5f5; margin-bottom: 18px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 9px 0; counter-reset: i; }
.progress li { float: left; margin: 0 30px; font-weight: 800; text-align: center; }
.progress li:before { display: block; width: 30px; height: 27px; border-radius: 50%; background-color: #ccc; margin: 0 auto 9px auto; content: counter(i, decimal); counter-increment: i; color: #fff; text-align: center; padding-top: 3px; }
.progress li.active:before { background-color: #d10c0e; }
.progress li.complete:before { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpolygon fill='%23666666' points='398.218,92.985 199.729,291.475 113.754,205.476 50,269.242 199.733,419.015 462,156.726 '/%3E%3C/svg%3E") 50% 50% no-repeat #ccc; content: ''; }

.address { float: left; width: 25%; padding: 18px 20px; border: 3px solid #fff; position: relative;  margin-bottom: 18px; }
.address.active { border-color: #d10c0e; }
.address.active:before { content:''; display: block; width: 30px; height: 30px; top: 0; right: 0; position: absolute; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpolygon fill='%23FFFFFF' points='398.218,92.985 199.729,291.475 113.754,205.476 50,269.242 199.733,419.015 462,156.726 '/%3E%3C/svg%3E") 50% 50% no-repeat #d10c0e; }
.address.active button { visibility: hidden; }
.address button { min-width: 0; }

.method-list { margin: 18px 0; border-top: 1px solid #e8e8e8; }
.method-list li { padding: 18px 20px; border-bottom: 1px solid #e8e8e8; }
.method-list li label { width: auto; padding: 0; display: block; margin-left: 30px; margin-top: -3px; float: none; text-align: left; }
.method-list li label strong { display: block; }
.method-list li label .price { display: block; text-align: right; font-weight: 800; }

.payment-method { padding: 18px 20px; border-bottom: 1px solid #e8e8e8; }
.payment-method-content { display: none; margin-top: 18px; }
.payment-method._active .payment-method-content { display: block; }
.payment-method-billing-address, .checkout-agreements-block { margin-bottom: 18px; }
.payment-method-billing-address label { font-weight: 800; }

.checkout-agreements-block { position: relative; }
.checkout-agreements-block form { width: 75%; }
.checkout-agreement a { display: inline; color: #333; }

/* footer */
footer { background-color: #666; color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }
footer a { color: #fff; }
footer p { margin-bottom: 0; }

#meta { background-color: #555; }
#meta li { float: left; }
#meta li a, #meta li strong { float: left; padding: 9px 20px 9px 0; }
#meta li strong { display: block; font-weight: 300; }

.teaser { width: 48%; float: left; margin: 18px 1% 0 1%; padding: 18px 0 18px 0; border-top: 1px solid #8d8d8d; }
.teaser h4 { margin-bottom: 18px; font-weight: 800; }
.teaser p { margin-bottom: 18px; }
.teaser li { float: left; margin-right: 5px; }
.teaser li a { width: 24px; }
.teaser li a .icon { width: 24px; height: 24px; }
.teaser strong { font-size: 24px; font-weight: 300; display: block; padding-top: 9px; }

.paymentlist li { width: 48px; height: 32px; background: url(../images/payment.png) 0 0 no-repeat; background-size: 224px 300px; margin-right: 12px; margin-bottom: 5px; }
#payment-banktransfer { display: none; }
#payment-triple_sofortueberweisung { background-position: 0 0; }
#payment-paypal_express { background-position: 0 -50px; }
#payment-triple_heidelpay { background-position: 0 -100px; width: 168px; }
#payment-triple_ecard { background-position: 0 -150px; width: 224px; }
#payment-cashondelivery { display: none; }
#payment-amazonlogin { display: none; }
#payment-amazon_payment { background-position: 0 -250px; }

.teaser .toplist { width: 50%; padding-right: 10px; float: left; }
.teaser .toplist li { display: block; float: none; }
.teaser .toplinks li { margin-right: 0; width: 50%; }
#switcher-language-footer .icon, ul.payment-list .icon { width: 32px; height: 32px; }

#law { background-color: #555; padding: 18px 0 36px 0; }

/* slider */
.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: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slider-product .item, .slider-thumb .item, .slider .slide, .slider-visual .slide { display: none; }
.slider-product.slick-initialized .item, .slider-thumb.slick-initialized .item, .slider.slick-initialized .slide, .slider-visual.slick-initialized .slide { display: block; }

.slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 50px; top: 50%; text-decoration: none !important; margin-top: -25px; }
.slick-prev .icon, .slick-next .icon  { fill: #ccc; }
.slick-prev:hover .icon, .slick-next:hover .icon { fill: #bbb; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { display: none !important; }
.slick-prev { left: -115px; }
.slick-next { right: -115px; }
.slider-thumb .slick-prev { left: 0; }
.slider-thumb .slick-next { right: 0; }

.slick-dots { position: absolute; display: block; text-align: center; width: 100%; bottom: -30px; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; cursor: pointer; padding: 5px; }
.slick-dots li button { display: block; height: 10px; width: 10px; border-radius: 20px; line-height: 0; font-size: 0; color: transparent; cursor: pointer; min-width: 0; background-color: #ccc; }
.slick-dots li.slick-active button:before { display: block; width: 10px; height: 10px; border-radius: 20px; background-color: #666; content: " "; position: absolute; top: 5px; left: 5px; }
#visual .slick-dots { bottom: 0; }
#visual .slick-dots li button { background-color: #fff; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .7); }
#visual .slick-dots li.slick-active button:before { top: 7px; left: 7px; }

/* media queries */
#opener { display: none; width: 40px; height: 40px; margin: 9px; }
#opener .icon { fill: #666; }
#onpage { position: relative; z-index: 2; left: 0; top: 0; transform: translate3d(0,0,0); background-color: #f5f5f5; padding: 18px 10px; }
#blocker { left: 0; position: absolute; top: 0; z-index: 9999; cursor: pointer; }
#offpage { position: fixed; width: 100%; z-index: 1; top: 0; bottom: 0; right: 0; text-align: left; background-color: #222; -webkit-overflow-scrolling: touch; overflow: auto; }
#offpage ul, #offpage li, #offpage li a { float: none; }
#offpage .toolbar > li { float: left; border: 0; position: static; }
#offpage li > a { padding: 10px; border-bottom: 1px solid #333; color: #AAA; line-height: 1em; }
#offpage .toolbar li a { border-bottom: 0; }
#offpage li li a { padding-left: 40px; }
#offpage .toolbar li li a { padding-left: 0; color: #333; }
#offpage > form { padding: 9px 10px; border-bottom: 1px solid #333; border-top: 1px solid #333; }
#offpage > form label { float: left; }
#offpage .pane { right: 0; border: 0 none; width: 100%; }
#offpage li a.image { float: left; }

.ui-datepicker { width: 300px; padding: 10px; background-color: #fff; border: 1px solid #e8e8e8; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 10px; width: 30px; height: 30px; }
.ui-datepicker .ui-datepicker-prev { left: 0; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpath fill='%23333' d='M373.6,431l-31.1,31l-205-206l205-206l32.1,32L200.4,257L373.6,431z'/%3E%3C/svg%3E") 50% 50% no-repeat #e8e8e8; }
.ui-datepicker .ui-datepicker-next { right: 0; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16'%3E%3Cpath fill='%23333' d='M311.6,257L137.4,82l32.1-32l205,206l-205,206l-31.1-31L311.6,257z'/%3E%3C/svg%3E") 50% 50% no-repeat #e8e8e8; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-title { text-align: center; }
.ui-datepicker .ui-datepicker-title select { padding: 4px; margin: 0 10px; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 30%; }

@media only screen and (max-width:1650px){
    #priceinfo { width: 100%; bottom: 0; right: 0; min-height: 0; padding-right: 50px; }
    #priceinfo span { display: inline-block; margin-right: 20px; }
    #toplink { top: 5px; right: 5px; width: 30px; height: 30px; padding: 5px; }
    #law { padding-bottom: 72px; }
}

@media only screen and (max-width:1350px){
    #page { margin: 18px 10px; }
}

@media only screen and (max-width:1180px){
    .c-banner--skyscraper { top: -5000px; }
}

@media only screen and (max-width:1010px){
    .wrapper { margin: 0 10px; }
    .modal-popup .modal-inner-wrap, .modal-slide .modal-inner-wrap { height: 100%; }
    .modal-popup._show .modal-inner-wrap, .modal-slide._show .modal-inner-wrap { transform: translateY(0); }
}

@media only screen and (max-width:910px){
    #ratings, #details { padding: 36px 20px; }
    .tools .more, .tools .share { margin-bottom: 18px; }
    .main.inset { padding: 0; margin: 18px 0; }
    nav form { width: 260px; }
    nav input[type="text"], nav input[type="email"] { width: 195px; }

    .downloads { margin-right: -20px; padding: 9px 10px; }

    #decision .halfleft { padding-left: 0; }
    #decision .halfright { padding-right: 0; }

    #main .wrapper { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
    #subnav { border: 0 none; padding: 0; width: auto; float: none; -webkit-order: 2; order: 2; }
    #subnav ul:after { display: table; content: ""; clear: both; }
    #productlist { border: 0 none; padding: 0; margin-left: 0; -webkit-order: 1; order: 1; }

    #productlist .product.t0 .product-more { right: auto; left: 0; text-align: right; }
    #productlist .product.t0 .product-more-side { float: right; }
    #productlist .product.t0 .product-more .button { right: auto; left: 10px; }

    section.inset { padding: 0; }
    .slider-thumb { display: none; }
    .slider-product { margin-left: 0; }
    .slider { margin-bottom: 40px; }

    .banner .halfleft, .banner .halfright { float: none; width: auto; clear:both; }
    .banner .button { float: left; }
}

@media only screen and (max-width:770px){
    .shortinfo .halfleft, .shortinfo .halfright, #productinfo .price-box, .priceinfo form { float: none; width: auto; }

    #product-options-wrapper { padding-left: 0; margin-top: 9px; }

    nav form { display: none; }

    form li label { float: none; width: 75%; display: block; text-align: left; padding: 0; }
    form li input, form li textarea, form li select { float: none; width: 75%; }
    form li.checkbox input, .method-list li input { float: left; }
    form li.nolabel, form li.checkbox { padding-left: 0; }
    form li .mandatory { right: auto; margin-left: 10px; }
    div.mage-error { top: 27px; }

    .tooltip { top: 34px; }
    .tooltip .content { left: auto; right: 0; }
    .address { width: 50%; }

    #msp-recaptcha-container { margin-left: 0; margin-top: 10px; }

    .products-grid .product { width: 33.3%; }
    .products-grid .product.q0 { clear: none; }
    .products-grid .product.t0 { clear: left; }

    .product.q0 .product-more { right: 0; left: auto; text-align: left; }
    .product.q0 .product-more-side { float: none; }
    .product.q0 .product-more .button { right: 10px; left: auto; text-align: right; }
    .product.t0 .product-more { right: auto; left: 0; text-align: right; }
    .product.t0 .product-more-side { float: right; }
    .product.t0 .product-more .button { right: auto; left: 10px; text-align: left; }

    .banner li a { min-width: 0; }
}

@media only screen and (max-width:750px){
    #productlist .product { width: 50%; }
    #productlist .product.t0 { clear: none; }
    #productlist .product.h0 { clear: left; }

    #productlist .product.t0 .product-more { right: 0; left: auto; text-align: left; }
    #productlist .product.t0 .product-more-side { float: none; }
    #productlist .product.t0 .product-more .button { right: 10px; left: auto; text-align: right; }

    #productlist .product.h0 .product-more { right: auto; left: 0; text-align: right; }
    #productlist .product.h0 .product-more-side { float: right; }
    #productlist .product.h0 .product-more .button { right: auto; left: 10px; text-align: left; }

    .minicart { margin-top: 0; background-image: none; background-color: transparent; }
    .toolbar > li.minicart-wrap { border: 3px solid #fff; border-bottom: 0; }
    .toolbar > li.active.minicart-wrap { border-color: #e8e8e8; }
    .toolbar > li > a.minicart { padding: 9px 10px; }
    .toolbar > li.active > a.minicart { background-color: #fff; }
    .minicart .icon { float: none; margin: 0 auto; fill: #666; }
    .minicart__info { float: none; width: auto; text-align: center; color: #333; }
    .minicart__info strong { font-weight: 300; }
    .minicart__info__amount { display: none; }

    #settings .websiteswitch { margin-right: 0; }

    .slider-visual .slider__info { position: static; background-color: #f5f5f5; border-bottom: 1px solid #e8e8e8; width: auto; padding: 10px 20px 0 20px; color: #333; }

    .marketing { max-width: none; float: none; }
    .maincontent { margin-left: 0; padding-right: 0; }
}

@media only screen and (max-width:620px){
    header { float: left; }
    #main { clear: left; }
    nav { float: right; }
    #opener { display: inline-block; }
    nav ul, header .toolbar, nav form { display: none; }
    #page { margin: 0; }

    #breadcrumb { background-color: #f8f8f8; padding: 9px 70px 9px 10px; }

    .halfleft, .halfright, #shipping-calculator, #coupon, #sidebar .summary, #sidebar .shipping, .address  { float: none; width: auto; }
    #decision .halfleft, #decision .halfright { padding: 0; }

    .downloads { float: none; width: auto; margin: 0 0 18px 0; }

    .payment-method { padding: 18px 0; }
    .progress li { margin: 0 20px; }
    .modal-footer button { min-width: 0; }

    .products-grid .product { width: 50%; }
    .products-grid .product.t0 { clear: none; }
    .products-grid .product.h0 { clear: left; }

    .products-grid .product.t0 .product-more { right: 0; left: auto; text-align: left; }
    .products-grid .product.t0 .product-more-side { float: none; }
    .products-grid .product.t0 .product-more .button { right: 10px; left: auto; text-align: right; }
    .products-grid .product.h0 .product-more { right: auto; left: 0; text-align: right; }
    .products-grid .product.h0 .product-more-side { float: right; }
    .products-grid .product.h0 .product-more .button { right: auto; left: 10px; text-align: left; }

    #settings .dropdown { width: 140px; margin-right: 20px; }
    #settings .websiteswitch { margin-right: 0; }
    #settings p { float: none; clear: both; padding: 4px 10px 0 10px; }

    .mainform { margin-top: 18px; }
    form li label { width: 100%; }
    form li input, form li textarea, form li select { width: 100%; }
    .fieldgroup { top: 0; }
    .tooltip { display: none; }
    .note { padding-left: 0; }
    .mainform .button { margin-right: 0; }
    div.mage-error { position: static; width: 100%; border-radius: 0; }
    div.mage-error:after, div.mage-error:before { display: none; }

    .teaser { float: none; width: auto; margin-left: 0; margin-right: 0; }
    .teaser .halfleft, .teaser .halfright { float: none; clear: both; }
    .banner { padding:9px 10px; }

    td, th { display: block; width: 100%; }
    td.label, td.sum { text-align: left; width: 100%; }
    #totals td.label { padding: 0; }
    #totals td.sum { padding: 0 0 18px 0; }
    thead { display: none; }
    #cart .item { width: 100%; }
    #cart td.price { display: none; }
    #cart td.qty, #cart td.subtotal { width: 50%; float: left;  padding-top: 0; }
    #cartactions { position: static; max-width: none; background-color: #f5f5f5; margin: 0; }

    .banner ul, .banner li, .banner li a { float: none; }
    .banner li a { min-width: 0; width: 100%; }

    .minicart__info { color: #aaa; }
}

@media only screen and (max-width:500px){
    .products-grid .product, .filter .dropdown, #productinfo, #imageslider, #baseinfo, #productlist .product, #subnav li, #productlist .products-grid { float: none; width: auto; }
    .dropdown.sort { width: 80%; margin-top: 10px; display: inline-block; }
    .sorter { margin-left: 10px; }

    .product-more { display: block; position: static; border: 0 none; padding: 0; text-align: center !important; }
    .product-more-side { width: auto !important; float: none !important; margin-top: 10px; }
    .product-more-side .brand { margin: 0 auto 10px auto;}
    .product-more .button { position: static; text-align: center !important; }
    .product-more .benefits { position: static; width: auto; }

    #logo { width: 200px; }
    #offpage input[type="text"] { width: 170px; }
    #offpage .toolbar li a { padding: 10px 6px; }
    #offpage .toolbar li .pane a { padding: 5px 10px; }
    #ratings, #details { padding: 18px 0; }
    .filter .dropdown { padding-right: 0; clear: right; margin-top: 4px; }
    .jumplist { float: none; }
    .jumplist li a, .jumplist li span { margin-left: 0; margin-right: 5px; }
    .jumplist:after { content: ""; display: table; clear: both; }

    #details dt, dl.table dt, .cms-privacy dt { width: auto; padding-bottom: 0; }
    #details dd, dl.table dd, .cms-privacy dd { margin-top: 0; padding-left: 0; padding-top: 0; }
    .pane dl.table dd { margin-top: 0; }

    #baseinfo .brandlogo { margin: 0 0 10px 0; float: none; }
    #baseinfo h1 { margin-right: 0; }
    #imageslider { padding-right: 0; margin-bottom: 20px; }

    .wysiwyg-block-a, .wysiwyg-block-b, .wysiwyg-block-c { width: auto; float: none; margin-right: 0; margin-bottom: 20px; }
}

@media print {
    * { background-color: transparent !important; background-image: none !important; }
    #priceinfo { position: static; }
    #priceinfo span { display: inline-block; margin-right: 20px; }
    #page { box-shadow: none; max-width: none; margin: 0 auto; padding: 0; width: 590pt; }
    footer, #settings, nav, header .toolbar, #subnav, .filter, #breadcrumb, .slider-thumb { display: none; }

    .main { margin: 0; }
    .main.inset, section.inset { padding: 0; }
    #ratings, #details { padding: 18px 0; }
    #productlist { border: 0 none; margin-left: 0; padding: 0; }
    .slider-product { margin-left: 0; }
    .button a, .button input, .button button, .button input[type="submit"] { border: 1px solid #ccc; }
    .button .paypal-logo input { border: 0 none; }
    .button .primary { color: #333 !important; }
}