/* Minify with https://www.freeformatter.com/css-minifier.html */
@font-face {font-family: "MarkPro-Thin"; src: url("/css/MarkPro-Thin.woff2") format("woff2"), url("/css/MarkPro-Thin.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "MarkPro-ExtraLight"; src: url("/css/MarkPro-ExtraLight.woff2") format("woff2"), url("/css/MarkPro-ExtraLight.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "MarkPro-Light"; src: url("/css/MarkPro-Light.woff2") format("woff2"), url("/css/MarkPro-Light.woff?v=2") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "MarkPro-Regular"; src: url("/css/MarkPro-Regular.woff2") format("woff2"), url("/css/MarkPro-Regular.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "MarkPro-Medium"; src: url("/css/MarkPro-Medium.woff2") format("woff2"), url("/css/MarkPro-Medium.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "MarkPro-Book"; src: url("/css/MarkPro-Book.woff2") format("woff2"), url("/css/MarkPro-Book.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "MarkPro-Bold"; src: url("/css/MarkPro-Bold.woff2") format("woff2"), url("/css/MarkPro-Bold.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "Rajdhani-Bold"; src: url("/css/Rajdhani Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-stretch: normal;}
@font-face {font-family: "Rajdhani-Regular"; src: url("/css/Rajdhani Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-stretch: normal;}
@font-face {font-family: "Rajdhani-Light"; src: url("/css/Rajdhani Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-stretch: normal;}
@font-face {font-family: "Baloo2-Bold"; src: url("/css/Baloo2-Bold.woff2") format("woff2"), url("/css/Baloo2-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-stretch: normal;}
@font-face {font-family: "Baloo2-Regular"; src: url("/css/Baloo2-Regular.woff2") format("woff2"), url("/css/Baloo2-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-stretch: normal;}

/* General styles */
html, body {min-height: 100%; margin: 0; padding: 0;} /* removed height: 100%; */
html {min-width: 320px; font-size: 62.5%;} /* removed  overflow-y: scroll; on 05/02/2017 */
body {color: #171717; font-size: 2rem; line-height: 2.6rem; letter-spacing: -0.025rem; text-align: justify; font-family: "MarkPro-ExtraLight", Tahoma; overflow-y: scroll;} /* always hide horizontal scrollbar overflow-x: hidden; removed on 05/02/2017 */
html.w1_com body {font-family: "Baloo2-Regular", Tahoma; font-size: 2rem;}
*, *:after, *:before {background-repeat: no-repeat !important;}
::selection {background: #0f4772; color: white;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-family: "MarkPro-Book", Tahoma; font-size: 3.8rem; line-height: 4.5rem; color: #00518f; white-space: nowrap; text-align: left; overflow: hidden;}
html.w1_com h1 span[itemprop="name"] {color: #37384f;}
h1.margin {margin-bottom: 1.6rem;}
h1:after {background-color: #00518f; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; }
h1:after {left: 16px; width: 100%;}
html.w1_com h1:after {display: none;}
.terms h1 {margin-bottom: 16px;}
h2 {font-family: "MarkPro-Medium", Tahoma; font-size: 2.6rem; line-height: 3.0rem;}
html.w1_com h1, html.w1_com h2 {font-family: "Baloo2-Bold", Tahoma; color: orange; margin-left: 3px;}
html.w1_com #all_news h1 {margin-left: 0;}
#news_block h2 {font-size: 2.6rem;}
h3 {text-align: center; font-family: "MarkPro-Regular"; font-size: 3.0rem; line-height: normal; overflow: hidden; color: #00345c; margin-bottom: 16px;}
html.w1_com h3 {color: #ffa500; text-align: left;}
html.w1_com .keypoints_home + h3 {margin-bottom: 0;}
h3.ln:before, h3.ln:after {content: ""; display: inline-block; background-color: #00345c; height: 1px; position: relative; vertical-align: middle; width: 15%;}
html.w1_com h3.ln:before, html.w1_com h3.ln:after {display: none;}
h3.ln:before {right: 3rem; margin-left: -30%;}
h3.ln:after {left: 3rem; margin-right: -30%;}
#main_content_container #title_mostpopular {text-align: center;}
h4 {font-family: "MarkPro-Bold", Tahoma; font-size: 1.7rem; line-height: 1.7rem;}
h5, .keypoints_home header {font-family: "MarkPro-Book", Tahoma; font-size: 2.1rem; line-height: 2.2rem;}
p {margin: 0; padding: 0 0 2.6rem 0;}
a {text-decoration: none; color: #00518f;}
html.w1_com a {color: #ffa500;}
p a {color: #00518f; font-weight: bold; text-decoration: none; transition: color 0.5s ease;}
html.w1_com p a {color: orange; font-weight: normal;}
p a:hover {color: #00518f;}
html.w1_com p a:hover {color: darkorange;}
ul {margin: 0; padding: 0 0 2.6rem 0;}
ul.normalmargin {margin: 0;}
p + ul {margin-top: -2.7rem;}
a.totop {position: fixed; visibility: hidden; opacity: 0; width: 30px; height: 30px; right: 10px; bottom: 10px; font-family: "MarkPro-Book"; font-size: 0.9rem; line-height: 0.8rem; color: black; box-sizing: border-box; z-index: 30; transition: transform 0.3s, opacity 1s, visibility 0s 1s;}
a.totop.visible {visibility: visible; opacity: 1; transition: transform 0.3s, opacity 2s, visibility 0s 0s;}
a.totop:hover {transform: translateY(-5px) scale(1.2); transition: transform 0.3s;}
a.ic_compare_static {position: fixed; visibility: hidden; opacity: 0; height: 30px; right: 50px; background: #0f4772; border-radius: 20px; padding: 0 45px 0 15px; bottom: 10px; font-family: "MarkPro-Book"; font-size: 1.4rem; line-height: 30px; color: white; box-sizing: border-box; z-index: 30; transition: transform 0.3s, opacity 1s, visibility 0s 1s;}
a.ic_compare_static + a {position: fixed; visibility: hidden; opacity: 0; right: 56px; bottom: 15px; z-index: 31; background: #d62568; width: 21px; height: 21px; border-radius: 10px; text-align: center; color: white; font-weight: bold; font-size: 1rem; transition: transform 0.3s, opacity 1s, visibility 0s 1s;}
a.ic_compare_static.visible, a.ic_compare_static + a.visible {visibility: visible; opacity: 1; transition: transform 0.3s, opacity 2s, visibility 0s 0s;}
html.w1_com .ic_compare_static {color: white;}

li {list-style: none; margin-left: 22px; position: relative;}
li:before {content: "■"; position: absolute; left: -19px; top: 0; color: #0f4772; font-size: 18px; font-family: "Arial Black";}
label {user-select: none; text-align: left; cursor: pointer;}
.labellayout label {display: inline-block; width: 15%; vertical-align: top; line-height: 2.7rem; padding-right: 30px;}
label.toggler {cursor: pointer;}
.frm_text {display: inline-block; width: 60%;}
input[type="text"], input[type="password"] {height: 27px; border: 0; color: #171717; background-color: #d8d8d8; font-family: "MarkPro-ExtraLight", Tahoma; font-size: 1.7rem; outline: none;}
html.w1_com input[type="text"], html.w1_com input[type="password"] {color: white; background-color: #37384f; font-family: "Baloo2-Regular", Tahoma; font-size: 1.7rem; border-radius: 13px;}
input[type="text"].req, input[type="password"].req {background-position: right top -1px; background-size: 11px;}
input[disabled="disabled"] {background-color: #f3f3f3;}
input[type="checkbox"][disabled="disabled"] + label {cursor: default;}
input[type="checkbox"][disabled="disabled"] + label:before {background-position: 0 -48px !important;}
input[type="checkbox"][disabled="disabled"]:checked + label:before {background-position: 0 -24px !important;}
input.xsmall {width: 17% !important; margin-right: 2%;}
input.small {width: 37.5% !important;}
input.med {width: 41% !important;}
input.tel {max-width: 170px !important;}
input[type="checkbox"], input[type="radio"], .hide {display: none;}
button {display:inline-block; background-color:#505050;color:#fff;border:none; border-bottom: 7px solid #1d1d1d;box-shadow:none;font-size:1.9rem;font-weight: normal; -webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}
button:hover {background-color:#393939; border-bottom: 3px solid #1d1d1d; transform:translateY(4px);}
input[type="submit"].confirm, button.confirm, .button.confirm {display: inline-block; text-align: center; background-color: #2fa800; border-bottom: 7px solid #175300; border-top: none; border-right: none; border-left: none; font-family: "MarkPro-Medium"; letter-spacing: 0; color: #fff; font-size: 1.9rem; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin-top: 20px; cursor: pointer;}
input[type="submit"].confirm:hover, button.confirm:hover, .button.confirm:hover {background-color: #299100; border-bottom: 3px solid #175300; border-top: none; border-right: none; border-left: none; margin-bottom: 4px; transform: translateY(4px);}
input[type="submit"].confirm.disabled, button.confirm.disabled {background-color:#505050; border-bottom: 7px solid #1d1d1d; border-top: none; border-right: none; border-left: none; cursor:not-allowed;}
input[type="submit"].confirm.disabled:hover, button.confirm.disabled:hover {border-bottom: 7px solid #1d1d1d; margin-bottom: 0; transform: none;}
button.resetpassword {margin: 26px 20px 0 !important;}
input[type="radio"] + label {display: block;}
input[type="radio"] + label:before {display: block; float: left; vertical-align: middle; margin: 0 4px 0 0; line-height: 23px; content: ""; width: 18px; height: 18px; background-size: 100%; background-position: 0 -48px;}
input[type="radio"]:hover + label:before {background-position: 0 -24px;}
input[type="radio"]:checked + label:before {background-position: 0 0;}
table tbody tr.inactive td, table tbody tr.inactive a, tbody tr.inactive .g, tbody tr.inactive .r, tbody tr.inactive .y {color: #8a8a8a;}
tbody .g {color: #62c12d; font-weight: bold;}
tbody .r {color: #de2b2b; font-weight: bold;}
tbody .y {color: #e9cb00; font-weight: bold;}
.blinker {transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1); -webkit-animation-iteration-count:infinite; -webkit-animation-duration: 2s; animation-iteration-count:infinite; animation-duration: 2s;}
.bigselect {display: inline-block; margin-left: 20px;}
.bigselect, .bigselect select {width: 650px;}
.bigselect_nm {display: inline-block; width: 650px;}
textarea {width: 100%; background-color: #d8d8d8; font-family: "MarkPro-Light", Tahoma; line-height: 1.8rem; min-height: 6rem; color: #171717; padding: 2px 5px; margin: 2px 0 2px 0; border: none; box-sizing:border-box; resize:vertical;}
.btn_container.right {text-align: right;}
.btn_container.center {text-align: center;}
.bold {font-weight: bold;}
#outer_wrap, #inner_wrap {position: relative; width: 100%; height: 100%;}
html.w1_com #outer_wrap {overflow: hidden;}
#inner_wrap {transition: margin-left 0.4s;}
#inner_wrap.responsive {margin-left: 58%; transition: margin-left 0.4s;}
#inner_wrap.reset {transition: 0s;}
#btn_resmenu {position: absolute; display: none; top: 0; left: 20px; cursor: pointer; width: 30px; height: 62px; padding: 0; outline: none; background: url("/images/sprite_btn_responsive.png") left center; white-space: nowrap; opacity: 0.8; z-index: 15; transition: all 0.5s;} /* text-indent: 100%;*/
#btn_resmenu.close {background-position: -50px center; transition: all 0.5s;}
#btn_resmenu:before {content: "Menu"; font-size: 2.8rem; position: absolute; left: 0; line-height: 60px; opacity: 0.8; padding-left: 40px; cursor: pointer;}
html.w1_com #btn_resmenu:before {font-weight: bold; color: white;}
.erroroverlay {position: absolute; top: 0; left: 0; width: 100%; background: white; display: none; z-index: 94; font-weight: bold;}
.errorfield {background-color: #ffb9bb !important; color: black !important;}
.errorselect .chosen-single {background-color: #ffb9bb !important; color: black !important;}
.errorlabel {color: #bc2025 !important; font-weight: bold;}
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.small {font-size: 1.4rem; line-height: 1.7rem;}
.small h2 {font-size: 2rem; line-height: 2.3rem;}
.small p, .small li {font-size: 1.7rem; line-height: 2.2rem;}
.small li:before {font-size: 14px;}
.small p {padding: 0 0 2.2rem 0;}
.small p + ul {margin-top: -2.2rem;}
.overlay {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 50;}
html.w1_com .overlay {background-color: rgba(0,0,0,0.5); backdrop-filter: blur(6px);}
.wrapper {min-height: calc(100vh - 370px);}
.bringtofront {z-index: 51 !important; position: relative;}
.ns {user-select: none;}
label.arrow {display: block; position: relative; font-size: 1.7rem; line-height: 1.7rem; padding: 0 0 0 24px !important;}
label.arrow:after {content: ""; position: absolute; left: 0 !important; top: initial !important; bottom: 1px !important; width: 17px !important; height: 17px !important; background-position: left; background-size: contain; transition: transform 0.4s;}
input[type="text"].toggler:checked ~ label.arrow:after {transform: rotate(90deg);}
.viewport-max {position: relative; width: 100%; height: 100%; max-width: 1700px; margin: 0 auto;}
.viewport-max.static {position: static;}
.gray {background-color: #e6e6e6;}
html.w1_com .gray {background-color:transparent;}
#main_content_container {padding-bottom: 200px; margin-top: 3rem;}
html.w1_com #main_content_container {padding-bottom: 40px; margin-top: 2rem;}
#main_content_container.basket {padding-bottom: 120px;}
#menu_leftcontent {width: 17%; display: inline-block; vertical-align: top; margin-right: 4%; text-align: left; padding: 0 0 20px 20px; background: #eeeeee; font-size: 1.8rem; box-sizing: border-box;}
html.w1_com #menu_leftcontent {border-radius: 25px;}
#menu_leftcontent h4 {margin-top: 2.7rem; margin-bottom: 0.6rem;}
#menu_leftcontent h4:first-child {margin-top: 1.6rem;}
#menu_leftcontent a {vertical-align: top; list-style:square; display:list-item; margin-left: 22px; transition: padding-left 0.2s linear;}
html.w1_com #menu_leftcontent a{list-style: none; margin-left: 5px;}
#menu_leftcontent a:hover {padding-left: 10px;}
html.w1_com #menu_leftcontent a:hover {border-left: 5px solid #ffa500;}
#menu_leftcontent a.active {padding-left: 10px; font-weight: bold;}
html.w1_com #menu_leftcontent a.active {border-left: 5px solid #ffa500;}
#menu_leftcontent + div.right {width: 78%; display: inline-block}
.addtopm {margin-top: 16px;}
.removetopm {margin-top: -3rem;}
html.w1_com .removetopm {margin-top: 0;}
.columnlayout {column-gap: 70px; column-fill: balance; column-width: auto;}
.columnlayout.two {column-count: 2;}
.columnlayout p, .columnlayout ul {-webkit-column-break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid-column;}
span.sale {color: #d2003b; text-transform: uppercase;}
.threecolumn_layout > div {display: inline-block; width: 32%; margin-left: 1.6%; vertical-align: top}
.threecolumn_layout > div:first-child {margin-left: 0;}
.smallspacer {height: 16px;}

/* Error block styles */
.error {display: block; width: 100%; height: 100%; padding: 14px 14px 0 14px;}
.error, .error a, .error label, .error p {font-size: 1.7rem !important; line-height: 1.7rem !important;}
.error a {display: inline !important; font-weight: bold !important; padding: 0 !important; color: #00518f !important;}
.error p { padding: 0 0 1.7rem 0;}
.error label {color: #00518f !important; font-weight: bold !important; cursor: pointer;}
.error .sub {display: block; margin: 6px 0 0 24px; transform: scaleY(0); transform-origin: top; transition: transform 0.3s ease-in-out;}
.error .toggler:checked ~ .sub {transform: scaleY(1);}

/* Header styles */
html.w1_com .topbar {background: orange; height: 70px; border-bottom: 4px solid #c8912b; box-shadow: 0 2px 20px rgba(0,0,0,.40);}
html.w1_com .topbar .check {margin-top: 18px; background-size: 27px 27px; padding-left: 34px; color: white;}
.topbar {width: 100%; height: 60px; background: #0f4772; border-bottom: 2px solid #4e4e4e; font-family: "MarkPro-Light", Tahoma; color: White; font-size: 1.5rem; box-shadow: 0 2px 51px rgba(0,0,0,.58);}
html.w1_com .topbar {color: #37384f; font-family: "Baloo2-Regular", Tahoma;}
.topbar ::selection {background: gray;}
.topbar a {color: White;}
.topbar .check {position: relative; float: left; display: table-caption; line-height: 1.5rem; margin-top: 13px; padding-left: 30px; background-position: left bottom; background-size: 23px 23px; text-transform: lowercase;}
.topbar .check span {display: block;}
.topbar .check:first-child {margin: 13px 65px 0 9%; transition: margin 0.5s;}
html.w1_com .topbar .check:first-child {margin: 18px 35px 0 9%;}
html.w1_com .topbar .check {margin-right: 35px;}
html.w1_com #search_box {margin-right: 100px;}
#search_box {position: relative; float: right; margin-right: 352px; transition: margin-right 0.5s;}
#search_box input[type="text"], .newsletter input[type="text"] {width: 220px; height: 32px; margin: 15px 0 0 0; padding: 0 36px 0 14px; background: rgba(255, 255, 255, 0.9); border-radius: 16px; color: #797979; font-family: "MarkPro-Light", Tahoma; font-size: 1.6rem; transition: background 0.5s, width 0.5s;}
#search_box input[type="text"].boxborder, html.w1_com #search_box input[type="text"].boxborder {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#search_box input[type="text"]:focus, .newsletter input[type="text"]:focus {background: rgba(255, 255, 255, 1); width: 300px;}
html.w1_com #search_box input[type="text"] {width: 320px; height: 42px; border-radius: 21px; color: #171717; background-size: 2px 100%, 48px 100%, cover; background-position: right 48px top, right, 0 0; background-image: linear-gradient(to right, rgb(153, 153, 153), rgb(111, 111, 111)), linear-gradient(to right, rgb(55, 56, 79), rgb(55, 56, 79)), linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));}
html.w1_com #search_box input[type="text"]:focus {width: 360px; background-size: 2px 100%, 48px 100%, cover; background-position: right 48px top, right, 0 0;background-image: linear-gradient(to right, rgb(153, 153, 153), rgb(111, 111, 111)), linear-gradient(to right, rgb(55, 56, 79), rgb(55, 56, 79)), linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));}
.search_suggestion {position: absolute; width: calc(100% - 26px); left: -1px; margin-top: -3px; display: none; overflow: auto; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: #f1f1f1; border-top: none; border-left: 1px solid #0F4772; border-right: 1px solid #0F4772; border-bottom: 4px solid #0F4772; color: #797979; z-index: 20; box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.8);}
.search_suggestion .group {color: white; font-weight: bold; padding: 0 16px; height: 3.2rem; line-height: 3.2rem; background-color: #4E4E4E;}
.search_suggestion .group span {font-weight: normal; padding-left: 12px;}
.search_suggestion .footer {padding: 10px 16px; line-height: 1.6rem; font-size: 1.3rem; background-color: #dfdfdf;}
.search_suggestion .footer a {line-height: 1.6rem; font-size: 1.3rem; color: #00518f; display: initial; border:none; padding: 0; white-space:initial; transition:none;}
.search_suggestion .footer a:hover {background-color: initial; color:initial; padding: 0; color: #00518f; text-decoration: underline;}
.search_suggestion a {display: block; height: 2.6rem; line-height: 2.6rem; border-bottom: 1px dotted #0F4772; color: #797979; padding: 0 16px; white-space: nowrap; overflow-x: hidden; transition: padding 0.25s;}
.search_suggestion a:hover {background-color: #0F4772; color: white; padding: 0 16px 0 20px;}
html.w1_com .search_suggestion {width: calc(100% - 32px); margin-top: -1px; border-bottom: 4px solid #ffa500;}
html.w1_com .search_suggestion .group {background-color: #37384f;}
html.w1_com .search_suggestion a {color: black;}
html.w1_com .search_suggestion a:hover {background-color: #ffa500; color: white; font-weight: bold;}
html.w1_com .search_suggestion .footer a {color: #37384f;}
html.w1_com .search_suggestion .footer a:hover {color: #37384f; background-color: initial;}

#zoek_btn {position: relative; width: 26px; height: 26px; left: -32px; top: -5px; border: 0; font-size: 0; line-height: 0; cursor: pointer; background-position: center center; background-size: contain; background-color: transparent;}
html.w1_com #zoek_btn {width: 31px; height: 31px; left: -40px; top: -7px;}
.lang_box {position: absolute; width: 300px; right: 249px; margin: 15px 0 0 0; z-index: 10; transition: right 0.5s;}
#lang_toggle_label {display: block; position: relative; width: 235px; height: 32px; line-height: 2.9rem; background-color: #0a3250; background-position: 6px center; background-size: 22px 22px; padding-left: 35px;}
#lang_toggle_label:after {content: ''; position: absolute; width: 29px; top: 0; height: 100%; right: -30px; background-color: #0a3250; background-position: center; background-size: 15px;}
input[type="text"].toggler:checked ~ label:after {transform: rotate(180deg);}
#lang_menu {width: 100%; background: #002440; display: none;}
#lang_menu a {border-top: 1px solid #001b30; display: block; color: #ccd3d9; padding-left: 35px; background-size: 18px 18px; background-position: 8px center; line-height: 2.7rem;}
#lang_menu a:first-child {border: 0;}
#lang_menu a:hover {background-color: #335066; color: White; font-family: "MarkPro-Book", Tahoma;}
#lang_toggle:checked ~ #lang_menu {display: block;}
.btn_account, .btn_compare, .ic_basket {position: relative; display: block; width: 34px; height: 34px; float: right; margin: 14px 15px 0 0; opacity: 0.9; background-size: 100%; background-position: center; font-weight: bold; text-align: right; line-height: 6px;}
html.w1_com .btn_account, html.w1_com .btn_compare, html.w1_com .ic_basket, html.w1_com #btn_basket {color: white; line-height: 23px; text-align: center; text-indent: 29px; font-size: 2rem; width: 50px; height: 60px; background-size: 55%, 100%; background-position: top, bottom; margin: 6px 25px 0 0; transition: 0.3s;}
html.w1_com .btn_account:hover, html.w1_com .btn_compare:hover {height: 65px; margin: 1px 25px 0 0;}
html.w1_com .btn_account {height: 53px; margin: 13px 25px 0 0;}
html.w1_com .btn_account:hover {height: 58px; margin: 8px 25px 0 0;}
html.w1_com #btn_basket {background-size: 84%, 100%; background-position: 8px top, bottom; height: 57px; margin: 9px 25px 0 0; z-index: 10; text-align: center; text-indent: -5px; color: white;}
html.w1_com #btn_basket:hover {height: 62px; margin: 4px 25px 0 0;}

#btn_basket {width: 73px; height: 60px; margin: 0 42px 0 0; background-size: 73px 90px; line-height: 26px;}
#btn_basket.amount:after, #btn_basket.amountbig:after, #btn_compare.amount:after {content: ""; position: absolute; display: block; top: 4px; right: -7px; width: 21px; height: 21px; border-radius: 10px; background-color: #d62568; box-shadow: -1px 1px 2px rgba(0,0,0,.75); z-index: -1;}
#btn_basket.amountbig:after {width: 27px;}
#btn_compare.amount:after {top: -6px; right: -7px;}
html.w1_com #btn_compare.amount:after {border-radius:15px; background-color: #c30004; box-shadow:none; top: -1px; left: 26px; width: 26px; height: 26px; opacity: 0.9;}
html.w1_com #btn_basket.amount:after {border-radius: 0; background-color: unset; box-shadow: none;top: 1px;left: 12px;width: 26px;height: 26px;opacity: 0.8;}
.partnerbar {position: relative; width: 100%; height: 36px; padding-top: 17px; font-family: "MarkPro-Regular", Tahoma; font-size: 1.4rem; line-height: 1.4rem; letter-spacing: 0.09rem; color: #5e5e5e; direction: rtl;}
.partnerbar .l {position: absolute; bottom: 0; border-bottom: 3px solid #00518f; z-index: 2; transition: width 0.5s;}
.partnerbar .left {left: 0; width: 172px;}
.partnerbar .right {right: 0; width: calc(100% - 579px);}
.w1_com .partnerbar .l {display: none;}
#logout_header {padding-right: 100px;}
html.ww_nl .partnerbar .right {width: calc(100% - 670px);}
html.ww_nl ul.topmenu {left: 690px;}
html.ww_com .partnerbar .right, html.w1_com .partnerbar .right {width: calc(100% - 730px);}
html.ww_com ul.topmenu {left: 750px;}
html.w1_com ul.topmenu {left: 800px;}
html.ww_de .partnerbar .right, html.ww_uk .partnerbar .right {width: calc(100% - 740px);}
html.ww_de ul.topmenu, html.ww_uk ul.topmenu {left: 760px;}
/* .partnerbar #q {float: right; background-image: url("/images/sprite-images_v2.png"); width: 124px; height: 78px; background-position: 0 100%; background-size: 593.548387%;} */
.partnerbar .logo {position: absolute; left: 213px; top: 16px; transition: left 0.5s; z-index: 2;}
/* Menu styles */
nav {height: 60px;}
html.w1_com nav {margin-top: -30px;}
ul.topmenu {display: block; font-family: "MarkPro-Regular", Tahoma; font-size: 0; position: absolute; left: 600px; padding: 0; white-space: nowrap;}
html.w1_com ul.topmenu, html.w1_com .topmenu .sub {font-family: "Baloo2-Regular", Tahoma;}
ul.topmenu > li {display: inline-block; height: 60px; line-height: 5.5rem; letter-spacing: -0.1rem; margin-left: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0); backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; transform: translateZ(0); transition: transform 0.3s, border-top 1s;}
ul.topmenu > li:before {display: none;}
ul.topmenu > li:hover, ul.topmenu > li:focus {background: #f1f1f1; transform: translateY(-3px);}
ul.topmenu > li.active {background: #f1f1f1;}
html.w1_com ul.topmenu > li {line-height: 52px; box-shadow: inset 0 0 0 #37384f; transition: box-shadow .2s ease-in-out;}
html.w1_com ul.topmenu > li.a {background-color: white; border-top-left-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 0; border-top-right-radius: 0; margin-right: 20px; height: 50px;}
html.w1_com ul.topmenu > li.active {background: #37384f;}
html.w1_com ul.topmenu > li:hover, html.w1_com ul.topmenu > li:focus {transform: inherit; box-shadow: inset 0 50px 0 #37384f;} /* background: #37384f !important; */
html.w1_com ul.topmenu > li label {transition: color .2s ease-in-out;}
html.w1_com ul.topmenu > li:hover label, html.w1_com ul.topmenu > li.active label {color: white;}
/* html.w1_com ul.topmenu > li.bringtofront {border-bottom-right-radius: 0;} */
ul.topmenu > li a, ul.topmenu > li label {display: block; color: black; font-weight: normal; padding: 0 18px; font-size: 2.2rem; cursor: pointer; transition: padding 0.5s, font-size 0.5s;}
html.w1_com ul.topmenu > li a, html.w1_com ul.topmenu > li label {color: #605f5f;}
ul.topmenu .sub .brands_by_name a {display: inline; padding: 0 18px 0 0; font-size: 1.8rem;}
ul.topmenu .small a {font-size: 1.8rem; line-height: 2.2rem;}
ul.topmenu > li.r label {color: #d2003b; text-transform: uppercase;}
ul.topmenu > li.a {padding: 0 18px 0 0;}
ul.topmenu > li.bringtofront {background-color: #f1f1f1; -webkit-transform: translateY(0px); transform: translateY(0px);}
html.w1_com ul.topmenu > li.bringtofront {background-color: #37384f; color: white !important;}
html.w1_com ul.topmenu > li.bringtofront label {color: white;}
html.w1_com ul.topmenu > li.bringtofront .sub span {color: black;}
ul.topmenu label:after {content: ""; position: absolute; right: 19px; top: 50%; margin-top: -3px; width: 11px; height: 6px;}

/* Styles when responsive menu is active*/
#left_menu_container.left {left: -58%; width: 58%; height: 100%; position: absolute; background: #c7c7c7; box-shadow: inset -2em 0 2em -0.75em rgba(0, 0, 0, 0.3); border-right: 2px solid #4e4e4e; box-sizing: border-box; z-index: 51;} /* overflow: hidden; removed on 05/02/2017 */
#left_menu_container.left ul.topmenu {right: initial; width: 100%; z-index: 51; display: block;}
#left_menu_container.left ul.topmenu .sub {width: 100% !important; min-height: 400px; height: auto; left: 0 !important; padding: 0; overflow: hidden;}
#left_menu_container.left ul.topmenu .sub .leftitems {margin-right: 0;}
#left_menu_container.left ul.topmenu .sub .brands_by_logos {display: none;}
#left_menu_container.left ul.topmenu .sub .brands_by_name {display: inline-block; width: 100%; height: 100%; padding-left: 20px; margin-top: 30px; column-gap: initial; column-fill: initial; column-count: initial; column-width: initial; vertical-align: top;}
#left_menu_container.left ul.topmenu .sub .brands_by_name a {display: inline; padding: 0 10px 0 0;}
#left_menu_container.left ul.topmenu .sub .leftitems a:hover {color: #0f4772; padding-left: initial; transition: none;}
#left_menu_container.left ul.topmenu .sub .brands_by_name a:hover {color: #0f4772; padding: 0 10px 0 0 !important; transition: none;}
#left_menu_container.left ul.topmenu li {display: block;}
#left_menu_container.left .topmenu a:hover {padding-left: 16px; transition: initial;}
#left_menu_container.left .lang_box {display: block; position: initial; right: initial; left: 0; width: 100%; margin: 0; border-bottom: 2px solid #4e4e4e; font-size: 2rem;}
#left_menu_container.left .lang_box #lang_toggle_label {margin-right: 60px; width: auto; height: 60px; color: white; line-height: 60px; background-position: 12px center; background-size: 33px 33px; padding-left: 55px; white-space: nowrap;}
#left_menu_container.left .lang_box #lang_toggle_label:after {width: 60px; right: -61px;}
#left_menu_container.left #lang_menu a {height: 60px; line-height: 60px; background-position: 14px center; background-size: 29px 29px; padding-left: 55px; white-space: nowrap;}

.sub {display: none;}
.toggler:checked + .sub, .toggler:checked + label + .sub {display: block;}
html.w1_com .sub {display: block; visibility: hidden; opacity: 0; transition: all .25s ease-out; transform: perspective(10px) translateZ(8px);}
html.w1_com .toggler:checked + .sub, html.w1_com .toggler:checked + label + .sub {visibility: visible; opacity: 1; transition: all .25s ease-in; transform: perspective(10px) translateZ(0);}

.topmenu .sub {position: absolute; background: #f1f1f1; z-index: 50; min-height: 120px; font-family: "MarkPro-Light", Tahoma; text-align: left; letter-spacing: 0; padding: 15px 6px; font-size: 1.7rem; line-height: 1.7rem; white-space:normal;}
html.w1_com .topmenu .sub {border-radius: 25px; margin-top: 50px;}
.topmenu .sub.small {width: auto; left: auto; padding: 15px 6px 15px 6px; white-space: nowrap;}
.topmenu #accessoires_menu {width: 280px;}
.topmenu #sale_menu {width: 210px;}
.topmenu li:last-child .sub {right: 0;}
.topmenu .leftitems a {display: block; font-size: 2.2rem; line-height: 2.7rem;}
.topmenu .leftitems a:hover {color: #0f4772; padding-left: 26px; transition: all 0.2s 0.1s linear;}
.subani {overflow: hidden; max-height: 0; transition: max-height 1s ease-in-out;}
.toggler:checked ~ .subani {max-height: 2000px; transition: max-height 1s ease-in-out;}

.sub {width: 1660px; left: -500px; overflow: auto; font-family: "MarkPro-Light", Tahoma; letter-spacing: 0; box-sizing:border-box;}
/* #watch_menu {height: 980px;} */
.sub a {display: inline;}
.sub label::after {background: none;}
.sub h4 {font-size: 2rem; font-family: "MarkPro-Regular"; line-height: 3.2rem; color: #919191; overflow: hidden; margin-bottom: 12px; padding-bottom: 6px; border-bottom: 2px solid #919191;}
html.w1_com .sub h4 {font-family: "Baloo2-Bold", Tahoma; font-size: 2.2rem; color: #37384f; padding-bottom: 0; border-bottom:3px solid #ffa500;}
.sub a.r, html.w1_com .sub a.r {color: #d2003b;}
.sub .block {margin-top: 30px;}
.sub .leftitems {display: inline-block; width: 22%; margin-right: 2.5%; height: 100%; box-sizing: border-box; padding-left: 20px; vertical-align: top;}
html.w1_com .sub .leftitems, html.w1_com .sub .brands_by_name {width: 94%; padding-left: 20px;}
html.w1_com .sub .brands_by_name {margin-top: 20px;}
.sub .leftitems a {display: block; padding-left: 0;}
.sub .leftitems a:hover {color: #0f4772; padding-left: 8px; transition: all 0.2s 0.1s linear;}
html.w1_com .sub .leftitems a:hover {color: #0f4772; padding-left: 0; transition: none;}
.sub .brands_by_name {display: inline-block; width: 19%; margin-right: 2.5%; height: 100%; box-sizing: border-box; vertical-align: top;}
.sub .brands_by_name span {display: block; margin: 0; padding: 0; font-size: 1.7rem; line-height: 2.2rem;}
ul.topmenu .sub .brands_by_name a:hover {color: #0f4772; padding: 0 10px 0 8px; transition: all 0.2s 0.06s linear;}
html.w1_com .sub .brands_by_name a:hover {padding: 0 18px 0 0;}
.sub .brands_by_name a.hover {color: #0f4772; padding: 0 10px 0 8px; transition: all 0.2s linear;}
.sub .brands_by_logos {display: inline-block; width: 52%; margin-left: -6px; height: 100%; padding: 0; box-sizing: border-box;}
.sub .brands_by_logos a {padding: 0; display: inline-block; position: relative;}
.sub .brands_by_logos a.new:before {content: ""; left: -18px; top: -8px; width: 50px; height: 40px; position: absolute; display: block; top: 0; color: white; font-size: 1.7rem; line-height: 17px; font-weight: bold; background-size: 40px; background-position: top; pointer-events: none; z-index: 3; filter: drop-shadow(-2px 2px 4px #787878);}
.sub .brands_by_logos img {margin: 0 30px 25px 0; max-height: 55px;}
.sub .brands_by_logos img:hover, .sub .brands_by_logos img.hover {opacity: 0.5;}
#cat_menu, #more_menu {width: 300px;}
#more_menu {right: 0; left: initial;}

.banner_container {position: relative; width: 100%; max-width: 100%; max-height: 900px; overflow: hidden;}
.banner_container button {position: absolute; background-position: right; top: 49%; margin-top: -26px; border: none; width: 3.3%; height: 5.5%; cursor: pointer; opacity: 0.8; background-color: transparent; transition: transform 250ms ease-in-out; z-index: 5; filter: drop-shadow(3px 3px 3px #000);}
.banner_container button.left {left: 4%; transform: rotate(180deg);}
.banner_container button.right {right: 4%;}
.banner_container button.left:hover {opacity: 1; transition: all 250ms ease-in-out; transform: scale(1.1) translateX(-7px) rotate(180deg);}
.banner_container button.right:hover {opacity: 1; transition: all 250ms ease-in-out; transform: scale(1.1) translateX(7px);}
#w1_banner_container {margin-bottom: 20px;}
#banner_slider {width: 100%; max-width: 100%; max-height: 900px; white-space: nowrap; font-size: 0; line-height: 0; margin: 0 0 20px 0; margin-left: -34.1%; }
#banner_slider div {display: inline-block; position: relative; width: 41%; margin: 0 0.525%; max-width: 780px; height: auto; overflow: hidden;}
#banner_slider a { display: block; width: 100%; height: 100%;}
#banner_slider div img { width: 100%; vertical-align: top; transform: scale(1.07);}
#banner_slider div img.startAni {transform: scale(1.07); animation-name: zoomOut; animation-fill-mode: forwards; animation-duration: 12s; -webkit-transform: scale(1.07); -webkit-animation-name: zoomOut; -webkit-animation-fill-mode: forwards; -webkit-animation-duration: 12s;}
#banner_slider div img.resetAni {animation-name: zoomIn; animation-fill-mode: forwards; animation-duration: 12s; -webkit-animation-name: zoomIn; -webkit-animation-fill-mode: forwards; -webkit-animation-duration: 12s;}

#marquee {position: relative; line-height: 130px; height: 130px; background-color: #e7e7e7; box-shadow: inset 0 -5px 20px rgba(0,0,0,.2); margin-bottom: 30px; overflow: hidden;}
#inner_marquee {height: 100%; white-space: nowrap;}
#inner_marquee img {display: inline-block; vertical-align: middle; margin: 0 20px; max-height: 90px;}
html.w1_com #marquee {text-align: center; background: none; box-shadow: none; line-height: 90px; height: 90px; margin-bottom: 50px;}
html.w1_com #inner_marquee a {display: inline-block; padding: 0 50px; border-left: 3px solid orange}
html.w1_com #inner_marquee a:first-child {border-left: none;}

#frm_herstel_wachtwoord {max-width: 650px;}
#frm_herstel_wachtwoord label {display: inline-block; width: 39%;}

html.w1_com .block_shippingrates .stock {margin-left: 4px;}
.products, .middle_banner {font-size: 0; line-height: 0;}
.products h2 {font-family: "MarkPro-Book", Tahoma; font-size: 2.2rem; line-height: 2.8rem; margin-bottom: 1.6rem; color: #00518f; white-space: nowrap; overflow: hidden;}
html.w1_com .products h2:after {display: none;}
html.w1_com .products h2 {border-bottom: 2px dotted black; font-size: 2.8rem; line-height: 2.8rem;}
.products h2:after {left: 16px; width: 100%;}
.products > div {display: inline-block; position: relative; overflow: hidden; width: 22.65%; max-width: 300px; vertical-align: top; font-size: 2.6rem; line-height: 3.0rem; text-align: center; margin: 0 1.175% 20px 1.175%;}
html.w1_com .products > div {font-size: 2.3rem;}
.products > div img {width: 100%; height: auto; transition: transform 0.4s;}
.products > div a {display: block; color: #373737; text-decoration: none; outline: 0;}
.products > div a span {display: block; font-family: "MarkPro-Bold"; line-height: 3.2rem; padding-top: 12px; margin-top: -12px; border-top-right-radius: 20px; border-top-left-radius: 20px; transition: transform 0.4s, color 0.4s, background 0.4s;}
html.w1_com .products > div a span {font-family: "Baloo2-Bold", Tahoma;}
.products > div a span:last-child {font-family: "MarkPro-Regular"; height: 6.4rem; padding: 0 0 12px 0; margin: 0 0 -12px 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
html.w1_com .products > div a span:last-child {font-family: "Baloo2-Regular", Tahoma;}
.products > div a span:last-child:after {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 110%; left: 40%; height: 18px; left: 50%; width: 0; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); transition: transform 0.4s, opacity 0.4s, width 0.4s, left 0.4s;}
.products > div .v {margin-left: 10px; margin-bottom: 4px;}
.products > div .pr_block {display: block; font-family: "MarkPro-Medium"; color: #00345c; line-height: 44px; height: 48px; margin-top: 6px;}
html.w1_com .products > div .pr_block {font-size: 2.4rem; height: 50px; margin-top: 0px;}
.products > div .pr_block s, #price_container s {position: relative; text-decoration: none; color: gray; margin-right: 4%; font-family: "MarkPro-Regular"; font-size: 1.8rem; vertical-align: top; z-index: -1;}
.products > div .pr_block s:before, #price_container s:before {position: absolute; content: ""; width: 110%; top: 50%; right: 0; border-top: 2px solid red; -webkit-transform:rotate(-7deg); -ms-transform:rotate(-7deg); transform:rotate(-7deg);}
.products > div .pr_block a, #comparison .pricerow td a:before {display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: -10px 0 0 9px; background-size: contain; transition: transform 0.1s ease-in-out;}
html.w1_com .products > div .pr_block a, html.w1_com #comparison .pricerow td a:before {height: 50px; margin: 0 0 0 25px; vertical-align: middle;}
.products > div .pr_block a:hover, #comparison .pricerow td a:hover:before {transition: transform 0.2s ease-in-out; transform: scale(1.25);}
html.w1_com .products > div .pr_block a:hover, html.w1_com #comparison .pricerow td a:hover:before {transition:none; transform:none;}
.pr_block input[type="checkbox"] + label {display: inline-block; vertical-align: middle; margin: -10px 0 0 9px; content: ""; width: 40px; height: 40px; background-size: contain;}
.pr_block input[type="checkbox"] + label:hover {transition: transform 0.2s ease-in-out; transform: scale(1.25);}
html.w1_com .pr_block input[type="checkbox"] + label {height: 50px; margin: 0 0 0 20px; vertical-align: middle; width: 28px;}
html.w1_com .pr_block input[type="checkbox"] + label:hover {transition: none; transform: none;}
.products > div.sale:before, .products > div.sale2:before, .products > div.new:after {position: absolute; display: block; top: 0; color: white; font-size: 1.7rem; line-height: 17px; font-weight: bold; background-size: 100%; background-position: top; pointer-events: none; z-index: 3;}
.products > div.sale:before {content: attr(data-line); right: 0; width: calc(35% - 5px); height: 17%; filter: drop-shadow(-2px 2px 4px #787878); padding: 13% 0 0 5px; word-spacing: 100px;}
.products > div.sale2:before {content: attr(data-line); right: 0; width: 35%; height: 17%; filter: drop-shadow(-2px 2px 4px #787878); padding: 16.5% 0 0 0; word-spacing: 100px;}
.products > div.new:after {content: ""; left: 8px; width: 40%; height: 20%; filter: drop-shadow(-2px 2px 4px #787878);}
.products > div:hover img { transform: translateY(-20px) scale(0.9); transition: transform 0.4s;}
.products > div:hover a span {background: rgba(15,71,114,0.85); color: white; transform: translateY(-60px); transition: transform 0.4s, color 0.4s, background 0.4s;}
.products > div:hover a span:last-child:after {opacity: 1; transform: translateY(3px); left: 10%; width: 80%;}
html.w1_com .products > div:hover img {transform: none; transition: none;}
html.w1_com .products > div:hover a span {background: none; color: initial; transform: none; transition: none;}
html.w1_com .products > div:hover a span:last-child:after {opacity: 1; transform: none; left: initial; width: initial;}

.products.full > div {width: 17.65%;}
.products.full > div:hover img {transform: none; transition: none;}
.products.full > div:hover a span {background: none; color: black; transform: none; transition: none;}
.products.full > div:hover a span:last-child:after {-webkit-transform: none; transform: none; left: initial; width: initial;}
.products.full > div:hover .pr_block {font-size: inherit;}

/* Product stock styles */
.v {display: inline-block; border-radius: 50%; width: 16px; height: 16px;}
html.w1_com .pr_block .v {display: inline-block;	border-radius: unset; width: 60px; height: 50px; margin: 0 0 0 20px; vertical-align: middle;	color: white; line-height: 24px;	font-size: 1.1rem; text-indent: 2px; cursor: default;}
.v ~ span {margin-left: 4px;}
.v_10 {background-color: #2fa800;}
html.w1_com .pr_block .v_10, html.w1_com .pr_block .v_20, html.w1_com .pr_block .v_30 {background-color: transparent;text-indent: 5px;}
.v_20 {background-color: #d98d08;}
.v_30 {background-color: #ce1e2a;}
/* End product stock syltes */
/* .products > div .pr_block s:before, .products > div .pr_block s:after {content: "\00a0\00a0"} */

#product_page {font-size: 2rem; line-height: 2.2rem;}
#product_photo_container, #product_intro_container {display: inline-block; width: 41%;}
#product_intro_container {width: 59%; vertical-align: top; position: relative;}
html.w1_com #product_intro label {display: none;}
#product_page h1 + div {position: relative; margin-bottom: 20px; line-height: 2rem; padding-right: 150px; text-align: left;}
html.w1_com #product_page h1 + div {margin-bottom: 8px; display: none;}
#product_page h1 + div, #product_page h1 ~ div a {font-size: 1.8rem; color: black;}
#product_page h1 + div a:after {content: "/"; position: relative; padding: 0 10px; font-family: "MarkPro-Medium";}
html.w1_com #product_page h1 + div a:after {content: ">";}
#product_page h1 + div a.nosep {color: #d2003b; font-weight: bold;}
#product_page h1 + div a.nosep:after, #product_page .avg_rating:after, html.w1_com #product_page .avg_rating:after, html.w1_com #product_page a.nosep:after {content: none;}
#product_page h1 + div ul {display: inline;}
#product_page h1 + div li {display: inline; margin-left: 0;}
#product_page h1 + div li:before {display: none;}
#product_page .avg_rating {width: 150px; height: 40px; display: inline-block; position: absolute; right: 0; top: -2px; font-size: 1.1rem; line-height: 1rem; font-weight: bold; text-align: center; background-position: bottom;}
html.w1_com #product_page .avg_rating {height: 50px; background-size: 100% 40px; margin-top: -36px;}
#product_photo_container {text-align: center;}
#product_photo_container .outer_photo_nav {position: relative; overflow: auto; font-size: 0; line-height: 0; margin-top: 12px;}
#product_photo_container .outer_photo_nav > div {position: relative; max-width: 516px; height: 100%; margin: auto;}
#product_photo_container .outer_photo_nav .button {display: inline-block; vertical-align: middle; width: 52px; height: 52px; opacity: 0.3; cursor: default;}
#product_photo_container .outer_photo_nav .button.active {opacity: 1; cursor: pointer;}
#product_photo_container .outer_photo_nav .button.left {margin-right: 10px;}
#product_photo_container .outer_photo_nav .button.right {margin-left: 10px; transform: rotate(180deg);}
#product_photo_container .photo_nav {display: inline-block; vertical-align: middle; width: calc(100% - 124px); max-width: 412px; overflow: hidden; text-align: left;}
#product_photo_container .photo_nav > div {max-width: 412px; overflow: hidden; margin: 0;}
#product_photo_container .photo_nav > div > div {width: 300%;}
#product_photo_container .photo_nav img {width: 9.71%; max-width: 120px; margin: 0 1.61% 0 0; vertical-align: middle; cursor: pointer;}
.photo_container {position:relative; width:100%; min-height: 500px; max-height: 600px; text-align: center; overflow: visible;}
.photo_container img {left:0; right:0; max-width: 500px; max-height: 600px; display: none; margin-left: auto; margin-right: auto; opacity:0; vertical-align: top;}
.photo_container img.opaque {display: inline; opacity: 1; z-index: 10; -webkit-animation: fadeInFromNone 0.5s ease-out; animation: fadeInFromNone 0.5s ease-out;}
.photo_container a.video {height: 600px; display: inline-block; vertical-align: top;}
.photo_container a.video img {max-width: 600px;}
#product_intro_container .text {overflow: hidden; position: relative; line-height: 2.2rem; max-height: 4.5rem; padding-bottom: 1px; transition: max-height 1s;}
html.w1_com #product_intro_container .text {overflow: visible;	max-height: none;	font-size: 1.6rem; line-height: 2rem; margin-bottom: 20px;}
#product_intro_container .text + label {display: block; font-weight: bold; margin-bottom: 2rem;}
#product_text_toggle:checked + div {max-height: 24rem;}
#product_text_toggle:checked + div + label {opacity: 0; visibility: hidden; transition: opacity 0.4s 0.5s, visibility 1s 1s; height: 0; line-height: 0;}
#product_page .productspec_intro {position: relative; min-height: 80px; margin-bottom: 20px;}
#product_page .productspec_intro table {font-family: "MarkPro-ExtraLight"; width: 70%; font-size: 1.8rem; line-height: 2rem; border-collapse: collapse;}
#product_page .productspec_intro table tr td:first-child {width: 30%;}
#product_page .productspec_intro img {position: absolute; right: 20px; top: -6px; max-height: 80px;}
#product_page .keypoints {margin-bottom: 46px;}
html.w1_com #product_page .keypoints {margin-bottom: 25px; height: auto; overflow:auto; margin-top: 3px;}
#social_container {display: inline-block; position: relative; width: 100px; min-height: 174px;}
#social_container a {display: block; position: absolute; width: 62px; height: 63px; font-size: 0; line-height: 0; left: 16px; transition: transform 0.5s;}
#social_container a:first-child {top: 4px; z-index: 5;}
#social_container a:nth-child(2) {top: 57px; z-index: 4;}
#social_container a:nth-child(3) {top: 110px; z-index: 3;}
#social_container a:hover {z-index: 5; -webkit-transform: translateY(-4px); transform: translateY(-4px);}
.price_outercontainer {line-height: 0;}
html.w1_com .price_outercontainer {margin: -90px 0 0 250px; width: 290px;}
#price_container {position: relative; display: inline-block; width: 100%; min-height: 174px; line-height: 2.7rem; font-family: "MarkPro-Regular"; font-size: 1.7rem; text-align: left; vertical-align: top; box-shadow: inset 0 4px 4px rgba(0,0,0,.3); background-image: linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-color: #304b60;} /*width: calc(100% - 100px); margin-left: -6px;*/
html.w1_com #price_container {background: none; box-shadow: none; min-height: unset; font-family: "Baloo2-Regular", Tahoma; font-size: 1.4rem; line-height: 2rem;}
#price_container select {width: 90%;}
#price_container > div {display: inline-block; position: relative; color: white; vertical-align: top; height: 100%; box-sizing: border-box; padding: 10px 0 8px 20px;}
html.w1_com #price_container > div {color: black; padding: 0; position: relative; right: auto; top: auto; text-align: left;}
#price_container > div:first-child {width: 44%;}
html.w1_com #price_container > div:first-child {width: 100%;}
#price_container > div:nth-child(2) {width: 22%;}
#price_container > div:nth-child(3) {position: absolute; display: block; right: 0; top: 0; width: 33%; text-align: right; padding-right: 16px;}
#price_container #shipping_result {margin-top: 6px;}
html.w1_com #price_container #shipping_result {margin-top: 2px;}
#price_container #shipping_result div, #price_container .ic_warranty {padding-left: 30px; background-position: left; font-family: "MarkPro-Light"; font-size: 1.6rem; line-height: 2.5rem;}
html.w1_com #price_container #shipping_result div {font-family: "Baloo2-Regular", Tahoma; font-size: 1.4rem; line-height: 2rem;}
html.w1_com .ic_dpd_small, html.w1_com .ic_postnl_small, html.w1_com .ic_fedex_small {background-size: 18px 19px;}

#price_container .ic_warranty {background-size: 22px 23px;}
#price_container s {z-index: 1; line-height: 2.7rem; color: #e2e2e2; font-size: 2.6rem; margin-right: 10px;}
#price_container s ~ .ic_pricebanner {margin-bottom: 20px;}
#price_container .ic_pricebanner {position: absolute; right: -13px; width: 212px; height: 78px; font-family: "MarkPro-Book"; font-size: 4.4rem; line-height: 5.8rem; text-align: right; margin-top: 4px; padding-right: 20px; box-sizing: border-box;}
#price_container .ic_pricebanner > span {display: block; transform: rotate(1deg);}
#price_container .ic_pricebanner ~ div {margin-top: 65px; font-size: 1.3rem;}
#price_container .ic_pricebanner ~ div span {display: block; font-family: "MarkPro-Regular"; font-size: 1.7rem; line-height: 2rem; margin-top: 30px;}
html.w1_com .ic_pricebanner {width: 225px;}
html.w1_com #pr_overcontainer {width: 225px;}
html.w1_com #price_info, html.w1_com .stock {font-size: 1.4rem; line-height: 1.6rem;}
html.w1_com .stock .v {width: 10px; height: 10px; margin-top: 5px;}
html.w1_com .ic_pricebanner > span {display: block; font-size: 5.8rem; line-height: 5rem;}
html.w1_com .ic_pricebanner s {position: relative; text-decoration: none; color: darkgray;font-size: 2.2rem; line-height: 2.6rem; margin-left: 30px;}
html.w1_com .ic_pricebanner s:before {position: absolute; content: ""; width: 110%; top: 50%; right: 0; border-top: 2px solid red; -webkit-transform:rotate(-7deg); -ms-transform:rotate(-7deg); transform:rotate(-7deg);}


.order_button {text-align: right; margin-bottom: 30px;}
html.w1_com .order_button {position: absolute; width: 210px; margin: -72px 0 0 0; right: 230px;}
#order_button {position: relative; display: inline-block; width: 45%; height: 45px; background-color: #2fa700; font-family: "MarkPro-Medium"; font-size: 2.6rem; line-height: 45px; color: white; text-align: center; box-shadow: inset 0px 11px 20px -8px rgba(0,0,0,1);}
html.w1_com #order_button {width: 100%; border-radius: 10px; font-family: "Baloo2-Regular", Tahoma; font-size: 3rem; box-shadow: none; line-height: 60px; text-align: left; text-indent: 70px; font-weight: bold; height: 60px; background-color: #299500; background-size: 40px 40px, 56px 100%; background-position: left 10px center, left; transition: all 0.3s cubic-bezier(.22,.61,.36,1)}
html.w1_com #order_button:hover {text-indent: 65px; background-position: left 15px center, left; background-size: 40px 40px, 100% 100%;}
#order_button:hover {box-shadow: inset 0px 11px 26px -8px rgba(0,0,0,1);}
#order_button:before {content: ""; display: block; position: absolute; left: -20px; top: -12px; width: 70px; height: 70px; background-size: 70px 70px; transition: transform 0.2s ease-in-out;}
html.w1_com #order_button:before {display: none;}
#order_button:hover:before {transform: translateX(10px) scale(1.1);}

html.w1_com #order_button:hover:before {transform: none; }
#product_specs {margin-bottom: 26px; text-align: left;}
#product_specs > div {width: 90%; margin: auto; font-family: "MarkPro-Light"; font-size: 1.7rem;}
html.w1_com #product_specs > div {width: 100%; font-size: 1.4rem; font-family: "Baloo2-Regular", Tahoma;}
#product_specs table {width: 100%; page-break-inside: avoid; break-inside: avoid-column; margin-bottom: 20px;}
html.w1_com #product_specs table {font-size: 1.4rem;}
#product_specs tr td {height: 26px; line-height: 26px;}
#product_specs thead tr td {font-size:2.1rem; background-color: #324e63; color: white; height: 30px; line-height: 30px; padding-left: 15px; background-image: linear-gradient(to top, #203c51 0%, #314d63 49.73%); border-bottom:none;}
html.w1_com #product_specs thead tr td {border-radius: 25px 25px 0 0; background-color: #37384f; background-image:none; line-height: 24px; vertical-align: bottom;}
#product_specs tbody tr:first-child td {padding-top: 0;}
#product_specs tbody tr td:first-child {padding-left: 15px;}
#product_specs tbody tr:nth-child(odd) td {background-color: #eee;}
#product_specs tr td:first-child {width: 40%;}
#product_specs .ic_help {display: inline-block; background-size: 19px; width: 19px; height: 19px; margin-left: 10px; vertical-align: text-bottom; cursor: help;}

#giftcards.products > div .image {background-size: 86%; background-position: 20px center; transform: rotate(-6deg); padding-bottom: 47%; color: white; margin-top: 0;}
#giftcards.products > div .image span {display: block; font-size: 5.6rem; padding: 16% 11% 0 0; font-family: "MarkPro-Bold"; text-align: right;}

#review_container > div {position: relative; background-color: #e7e7e7; width: 100%; margin-bottom: 30px; padding: 45px 14px 14px 14px; font-family: "MarkPro-Light"; font-size: 1.7rem; line-height: 2rem; border-left: 5px solid #00518f; box-sizing: border-box; background-position: 10px 11px; background-size: 62px 51px; -webkit-column-break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid-column;}
html.w1_com #review_container > div {font-family: "Baloo2-Regular", Tahoma; border-left: none; border-radius: 25px; background-color: #e7e7e7; border-bottom: 5px solid #c8c7c7; padding: 12px 14px 14px 25px; margin-bottom: 60px;}
#review_container > div:nth-child(n+7) {display: none;}
#review_container > div h4 {padding-left: 56px; font-family: "MarkPro-Medium"; margin-bottom: 4px;}
#review_container > div p {padding: 0;}
#review_container > div .dates {position: absolute; right: 14px; top: 8px; font-family: "MarkPro-Regular"; font-size: 1.2rem; line-height: 1.6rem; text-align: right; color: #00345c;}
html.w1_com #review_container > div .dates {position: initial; right: 0; top: 0; font-family: "Baloo2-Regular", Tahoma; display: inline-block; text-align: left; margin-bottom: 15px; padding-left: 56px; color: gray;}
#review_container > div .prodlist {margin: -4px 0 14px 0; padding-left: 56px; font-family: "MarkPro-Medium";}
#review_container > div .ratings {margin-top: 25px; font-family: "MarkPro-Medium"; font-size: 1.7rem;}
#review_container > div .ratings div {display: inline-block; width: 33%; min-height: 49px; background-position: 10px bottom;}
html.w1_com #review_container > div .ratings {margin-top: 15px;}
html.w1_com #review_container > div .ratings div {min-height: 70px; background-position: left bottom; background-size: 120px 50px;}
#review_container > div .reply {padding: 2.6rem 0 0 0;}
#review_container > div .reply span {color: #d2003b; font-weight: bold;}
#review_footer {height: 60px;}
#review_footer button {margin-top: 0;}
.select_rating img {display: inline-block; width: 150px; height: 27px; cursor: pointer;}
.add_review #ervaring {width: 40%; height: 9.6rem;}

/* Keypoint styles */
.keypoints_home, .keypoints {font-size: 0; margin-bottom: 30px; text-align: left; overflow: auto;}
html.w1_com .keypoints_home {overflow: visible;}
.keypoints_home > div > div, .keypoints > div {box-sizing: border-box; display: inline-block; color: white; font-family: "MarkPro-Light"; font-size: 1.5rem; line-height: 1.8rem; width: 25%; height: 100px; overflow: hidden; border-left: 3px solid #a0a0a0; vertical-align: top; background-image: -ms-linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-image: -moz-linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-image: -o-linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-image: -webkit-linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-image: linear-gradient(bottom, #203c51 0%, #314d63 49.73%);}
html.w1_com #product_page .keypoints > div {color: black; float: left; margin-right: 25px; font-family: "Baloo2-Regular", Tahoma; font-size: 1.5rem; line-height: 1.8rem; width: auto; height: auto; overflow: auto; border-left: none; vertical-align: top; background-image: none;}
html.w1_com .keypoints_home {height: 60px; margin-bottom: 40px;}
html.w1_com .keypoints_home .viewport-max {text-align: center;}
html.w1_com .keypoints_home > div > div {color: black; width: auto; margin: 0 35px 120px 0; overflow: visible; float:none; background: #e6e6e6; height: 60px; border-radius: 30px; display: inline-block;}
html.w1_com .keypoints_home h5 {font-size: 3rem !important; font-family: "Baloo2-Regular", Tahoma !important; line-height: 60px; padding-left: 50px;}
html.w1_com .keypoints_home > div > div > div {background-position: 20px 5px;}
html.w1_com .keypoints_home > div > div > div {padding: 0 30px 0 30px; background-size: 44px;}
html.w1_com #product_page .keypoints > div > div {padding: 0 0 0 24px; background-size: 18px; background-position: left -2px;}
html.w1_com .keypoints_home > div > div:first-child {border-left: 3px solid #a0a0a0;}
.keypoints_home > div > div:first-child, .keypoints > div:first-child {border-left: none;}
.keypoints_home > div > div > div, .keypoints > div > div {height: 100%; background-position: -12px -12px; background-size: 48px 48px; padding: 12px 30px 0 48px;}
.keypoints_home > div > div:nth-child(even) > div, .keypoints > div:nth-child(even) > div {background-color: rgba(255,255,255,0.1);}
.keypoints > div {font-size: 1.4rem; line-height: 1.6rem;}
.keypoints > div > div {background-size: 40px 40px; background-position: -9px -9px; padding: 8px 30px 0 40px;}
.keypoints > div h5 {font-size: 1.7rem; line-height: 1.9rem; font-family: "MarkPro-Regular";}
html.w1_com .keypoints > div h5 {font-size: 1.8rem; line-height: 1.9rem; font-family: "Baloo2-Regular", Tahoma;}
/* End keypoint styles */

.middle_banner > div > div {display: inline-block;}
.middle_banner > div > div {width: 37.06%;}
.middle_banner > div > div:first-child {width: 61.77%; margin: 0 1.17% 0 0;}
.middle_banner > div > div img {width: 100%; height: auto;}

.homepage_text {display: inline-block; vertical-align: top; width: calc(100% - 650px); margin: 40px 68px 0 0;}
html.w1_com .homepage_text {display: block; width: 100%; margin: 30px 0 0;}
html.w1_com .homepage_text .twocolumn {column-count: 2; column-gap: 5%;}
html.w1_com .homepage_text .fourcolumn {column-count: 4; column-gap: 2.66%;}
#news_block {position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; margin: 50px 0 -200px 0; max-width: 575px; min-height: 1050px; border-left: 5px solid #00518f; font-family: "MarkPro-ExtraLight"; font-size: 1.6rem; line-height: 1.9rem;}
html.w1_com #news_block {margin: 0; max-width: 100%; min-height: initial; border-left: none; background: none;}
#news_block:before {content: ""; position: absolute; left: 0; top:0; width: 25px; height: 100%; background-image: -moz-linear-gradient(left, rgba(0,0,0,.2) 0%, rgba(231,231,231,.2) 100%); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.2) 0%, rgba(231,231,231,.2) 100%); background-image: linear-gradient(left, rgba(0,0,0,.2) 0%, rgba(231,231,231,.2) 100%);}
html.w1_com #news_block:before {display: none;}
#news_block h2.title {line-height: 78px; padding: 0 0 0 35px;}
#news_block h2.title a {color: initial; border-bottom: 1px dotted black;}
#news_block article {padding: 0 35px 40px 35px; vertical-align: top;}
html.w1_com #news_block article {box-sizing: border-box; width: 23%; display: inline-block; margin-left: 2.66%; background: #e6e6e6; border-radius: 20px; padding: 0 35px 25px 35px;}
html.w1_com #news_block article:nth-child(2) {margin-left: 0;}
html.w1_com #news_block article span.btm_info {display: block; text-align: right; padding-top: 1rem; color: gray; font-size: 1.3rem;}
#news_block article span.btm_info a {display: block; font-weight: bold;}
html.w1_com #news_block article span.btm_info a {font-size: 1.6rem;}
#news_block article > div { max-height: 455px; overflow: hidden;}
html.w1_com #news_block article > div { max-height: 465px;}
#news_block article h2 {font-size: 1.8rem; line-height: 2rem;}
#news_block article h3 {text-align: left; font-family: "MarkPro-Book"; font-size: 2.6rem; line-height: 2.6rem; padding: 25px 0 10px 0; overflow: hidden; color: #00345c;}
html.w1_com #news_block article h3 {margin-bottom: 0;}
#news_block article p {padding: 0 0 1.9rem 0;}
#news_block article:nth-child(even) {background: #d8d8d8;}
#news_block article img {max-width: 165px; margin: 0 15px 0 0; float: left;}
#single_news #nieuws_content, #single_blog #blog_content {overflow: hidden;}

.newsletter {height: 70px; background-color: #0f4772; border-bottom: 6px solid #00518f; text-align: right; color: white; line-height: 100%; overflow: hidden;}
.newsletter form {display: inline; margin-right: 120px;}
.newsletter label {position: relative; margin: 0 40px 0 0; font-size: 3.2rem; transition: all 0.5s 0.5s; vertical-align: -3px;}
.newsletter .nieuwsbrief_field:before {content: ""; width: 56px; height: 39px; position: absolute; left: -20px; top: 50%; margin-top: -18px; z-index: 5;}
.newsletter .nieuwsbrief_field {display: inline-block; position: relative; width: initial; height: 100%;}
.newsletter input[type="text"] {font-family: "MarkPro-ExtraLight"; width: 240px; height: 34px; color: #797979; font-size: 2.4rem; padding: 0 110px 0 48px; margin-top: 20px; border-radius: 16px; background: rgba(255, 255, 255, 0.7);}
.newsletter input[type="submit"] {position: relative; left: -110px; margin-right: -100px; top: -4px; width: 100px; border: 0; cursor: pointer; border-radius: 12px; background-clip: padding-box; background-color: #00518f; box-shadow: inset 0 3px 3px rgba(0,0,0,.35); font-family: "MarkPro-Book"; color: white; font-weight: bold; padding: 3px 10px;}
.newsletter ::selection {background: #777777; color: white;}

/* Payment method page styles */
.payment-methods h2, .payment-methods .ic_creditcard {padding-left: 54px;}
.payment-methods .ic_creditcard h2 {padding-left: 0;}
.payment-methods .ic_ideal, .payment-methods .ic_money {background-position: 8px 0;}

/* Product page styles */
.leftfilter, .rightcontent {display: inline-block; height: 100%; vertical-align: top;}
#btn_slider {display: none; position: absolute; background: rgba(15,71,114,0.9); right: -120px; margin-top: 130px; width: 200px; height: 40px; font-size: 2.6rem; cursor: pointer; line-height: 40px; text-align: center; font-family: "MarkPro-Regular"; color: white; transform: rotate(-90deg); z-index: 8;}
.rightcontent {width: calc(100% - 300px); margin-left: -6px; font-size: 1.7rem; line-height: 2.2rem;}
.rightcontent .series_container span {padding: 0 10px;}

html.w1_com .rightcontent .series_container {margin-bottom: 10px;}
html.w1_com .rightcontent .series_container a {line-height: 2.6rem; background-color: #37384f; color: #fff; background-repeat: repeat; padding: 2px 15px; border-radius: 20px; margin-right: 10px;}
html.w1_com .rightcontent .series_container a:hover {background-color: rgba(55,56,79, 0.6); }
html.w1_com .rightcontent .series_container a + span {display: none;}

.brand_banner, .brand_banner + div {display: inline-block; vertical-align: top;}
.brand_banner, .brand_banner + div p {padding: 0;}
.brand_banner {width: calc(100% - 400px); max-width: 1050px; margin-right: 30px; margin-top: 4px;}
.brand_banner img {width: 100%;}
.brand_banner + div {width: 370px;}
#brand_intro_container {margin-bottom: 20px;}
html.w1_com #brand_intro_container {margin-bottom: 0;}
#product_footer {border-top: 2px solid #00518f; width: 100%; margin-top: 20px; padding: 20px 30px 0 30px; box-sizing:border-box;}
#product_footer h3 {font-size: 2.2rem; line-height: 2.4rem; margin: 0; text-align: left; color: #171717; overflow:visible;}
#product_footer p {padding: 0 0 1.6rem 0}
/* End product page */

/* FAQ page styles */
.faq h2 {margin: 18px 0 6px 0;}
.faq label {display: block; cursor: pointer; width: 100%; margin-bottom: 6px; color: #171717; padding: 8px 10px 8px 50px; font-size: 1.8rem; line-height: 2rem; background-color: #f1f1f1; border-bottom: 2px solid #0f4772; transition: background-color 0.3s; background-size: 30px; background-position: 10px center; box-sizing: border-box;}
html.w1_com .faq label {border-radius: 20px;}
.faq label span {margin-right: 6px;}
.faq label:hover, .faq input[type="checkbox"]:checked + label {background-color: #27608c; color: white;}
html.w1_com .faq label:hover, html.w1_com .faq input[type="checkbox"]:checked + label {background-color: #37384f;}
.faq input[type="checkbox"]:checked + label + div {visibility: visible; max-height: 400px; padding: 8px 25px 28px 50px; transition: max-height 1s, padding 1s, visibility 0s 0s;}
.faq label + div {max-height: 0; visibility: hidden; overflow: hidden; margin-bottom: 8px; font-size: 1.8rem; line-height: 2.4rem; padding: 0 25px 0 50px; transition: max-height 0.5s, padding 0.5s, visibility 0s 0.5s;}
.faq .block {width: 44%; margin: 0 2.4%; display: inline-block; vertical-align: top;}
/* End FAQ page styles */

/* Login form styles */
#frm_login {margin-top: 20px; padding: 0 50px;}
#frm_login label {display: inline-block; width: 35%; text-align: right; padding-right: 20px; box-sizing: border-box;}
#frm_login input[type="text"], #frm_login input[type="password"] {width: 65%; color: black; background-color: white;}
/* End login form styles */

.inner_footer {background: #171717; font-family: "MarkPro-Light"; font-size: 2.1rem; line-height: 3.4rem; color: #cdcdcd; text-align: right;} /* min-height: 260px;  */
.w1_com .inner_footer {text-align: center; background: orange;}
.inner_footer .viewport-max .alt {position: absolute; left: 66px; top: -210px; min-width: 200px; width: 17vw; max-width: 280px; height: 360px; line-height: 2.0rem; text-align: center; color: black; font-family: "MarkPro-Book"; font-size: 2.4rem; letter-spacing: -0.05rem; transition: opacity 1s;}
.inner_footer .viewport-max .alt a {color: black;  position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.inner_footer .viewport-max.ww .alt {left: 180px; top: -190px;}
.inner_footer .column {display: inline-block; width: 20%; min-width: 250px; margin: 20px 0; vertical-align: top; text-align: left; white-space: nowrap;}
.inner_footer .column h4 {font-family: "MarkPro-Medium"; font-size: 2.8rem; line-height: 4.8rem;}
.inner_footer .column a {display: block; color: #cdcdcd; transition: padding-left 0.2s linear;}
.inner_footer .column a:hover {padding-left: 8px; transition: padding-left 0.2s linear;}
.inner_footer .viewport-max:before {content: ""; position: absolute; left: 66px; top: -145px; min-width: 220px; min-height: 19.765%; width: 19.765%; height: 0; padding-top: 21.588%; background-image: url("/images/footer_watchwinder.png"); background-size: 100%; transition: opacity 1s;}
.inner_footer .viewport-max.ww:before {background-image: url("/images/footer_watch.png"); min-height: 22%; width: 26.353%; padding-top: 22%;}
.w1_com .inner_footer .viewport-max:before {display: none;}
.w1_com .inner_footer, .w1_com .inner_footer .column a {color: black;}

.bottom_footer {background: #242424; border-top: 1px solid #383838; height: 33px; line-height: 27px; color: #cdcdcd; text-align: right; font-size: 1.3rem;}
.bottom_footer .viewport-max > div {padding-right: 5.9%;}
.bottom_footer a {color: #cdcdcd;}

.leftfilter {position: relative; width: 300px; background: white; font-size: 1.7rem; line-height: 2rem; z-index: 8; text-align: left;}
.leftfilter h2 {color: #00345c; font-size: 2.8rem; margin-bottom: -8px;}
.leftfilter h5 {font-size: 1.8rem; margin: 30px 0 2px 0; font-family: "MarkPro-Medium"; text-transform: uppercase; cursor: pointer;}
.leftfilter h5:before {content: ""; float: left; width: 17px; margin: 2px 4px 0 0; height: 17px; background-size: 100%; cursor: pointer; transform: rotate(90deg); transition: transform 0.5s;}
.leftfilter h5.down:before {transform: rotate(0deg); transition: transform 0.5s;}
.leftfilter input[type="checkbox"] + label {display: block;}
.leftfilter input[type="checkbox"] + label:before {display: block; float: left; vertical-align: middle; margin: 0 4px 0 0; line-height: 23px; content: ""; width: 18px; height: 18px; background-size: 100%; background-position: 0 -48px;}
.leftfilter input[type="checkbox"]:hover + label:before {background-position: 0 -24px;}
.leftfilter input[type="checkbox"]:checked + label:before {background-position: 0 0;}
.leftfilter input[type="text"] {background: #3f4346; border-radius: 13px; width: 74px; height: 25px; color: white; text-align: right; padding: 0 8px 0 0; margin-bottom: 6px; font-family: "MarkPro-ExtraLight"; font-size: 1.7rem;}
.leftfilter .price .currencyicon {position: relative; left: -74px; font-size: 1.7rem; color: white; z-index: 2; font-weight: bold;}
.leftfilter .price .tm {margin: 0 8px 0 -4px;}
.leftfilter #left_search {width: 202px; text-align: left; padding: 0 8px;}
.leftfilter h5 ~ div label:nth-child(n+22) {display: none;} 
.leftfilter h5 ~ div .more {cursor: pointer; text-transform: lowercase;}
#compare_container {position: absolute;}
#compare_container input[type="checkbox"] + label {display: inline-block; background-color: #233645; width: 100px; height: 38px; color: white; font-size: 1.3rem; line-height: 14px; padding: 7px 0 0 50px; font-weight: bold; box-shadow: inset 0px 11px 20px -10px rgba(0,0,0,1);}
#compare_container input[type="checkbox"] + label:hover {box-shadow: inset 0px 11px 26px -2px rgba(0,0,0,1);}
#compare_container input[type="checkbox"] + label:before {display: inline-block; position: absolute; margin: -10px 0 0 -70px; content: ""; width: 55px; height: 55px; background-size: contain;}
#compare_container input[type="checkbox"] + label:hover:before {transition: transform 0.3s ease-in-out; transform: scale(1.15);}
html.w1_com #compare_container {margin: -72px 0 0 0; right: 0;}
html.w1_com #compare_container input[type="checkbox"] + label {width: 115px; padding: 10px 0 0 70px; border-radius: 10px; font-family: "Baloo2-Regular", Tahoma; font-size: 1.8rem; box-shadow: none; line-height: 20px; text-align: left; font-weight: normal; height: 50px; background-color: #ffa500; background-size: 40px 40px, 56px 100%; background-position: left 10px center, left; transition: all 0.3s cubic-bezier(.22,.61,.36,1);}
html.w1_com #compare_container input[type="checkbox"] + label:hover {width: 120px; padding: 10px 0 0 65px; background-position: left 15px center, left; background-size: 40px 40px, 100% 100%;}
html.w1_com #compare_container input[type="checkbox"] + label:before {display: none}

#comparison #items {overflow-x: auto; overflow-y: hidden;}
#comparison #items #result {display: none;}
#comparison #items.loading {min-height: 800px;}
#comparison #items.loading > div {margin: 10px auto 0 auto;}
#comparison table.column2 {width: 33.33%}
#comparison table.column2 tr td:nth-child(1) {width: 37.5%;}
#comparison table.column2 td, #comparison.column2 table thead tr td {width: 62.5%;}
#comparison table.column3 {width: 50%}
#comparison table.column3 tr td:nth-child(1) {width: 25%;}
#comparison table.column3 td, #comparison.column3 table thead tr td {width: 37.5%;}
#comparison table.column4 {width: 66.666%}
#comparison table.column4 tr td:nth-child(1) {width: 18.75%;}
#comparison table.column4 td, #comparison.column4 table thead tr td {width: 27.08%;}
#comparison table.column5 {width: 83.333%}
#comparison table.column5 tr td:nth-child(1) {width: 15%;}
#comparison table.column5 td, #comparison.column5 table thead tr td {width: 21.25%;}
#comparison table.column6 {width: 100%}
#comparison table.column6 tr td:nth-child(1) {width: 12.5%;}
#comparison table.column6 td, #comparison.column6 table thead tr td {width: 17.5%;}
#comparison table tr td:nth-child(1) {width: 12.5%;}
#comparison table td {width: 33%; max-width: 297.5px; text-align: left; vertical-align: top; font-size: 1.6rem; line-height: 2.4rem; border-bottom: 1px dotted #cbcbcb;}
#comparison table td img {width:100%; min-width: 150px; max-width: 297.5px; height: auto;}
#comparison table tr td:nth-child(1) {font-weight: bold;}
#comparison table tr.diff {background-color: #fffdcf; transition: background-color 0.5s linear;}
#comparison table td .v {margin-bottom: -2px;}
#comparison .pricerow td a:before {content:''; margin: 6px 10px 10px 10px !important;}
html.w1_com #comparison .pricerow td a:before {background-image: none;}
#comparison .pricerow td a {font-weight: bold; font-size: 2rem;}
#comparison #loadingmsg {text-align: center;}

.sk-cube-grid {width: 60px; height: 60px; margin-top: 30px !important;}
.sk-cube-grid .sk-cube {width: 33%; height: 33%; background-color: #0f4772; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-cube-grid .sk-cube1 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.sk-cube-grid .sk-cube2 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.sk-cube-grid .sk-cube3 {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.sk-cube-grid .sk-cube4 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.sk-cube-grid .sk-cube5 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.sk-cube-grid .sk-cube6 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.sk-cube-grid .sk-cube7 {-webkit-animation-delay: 0s; animation-delay: 0s;}
.sk-cube-grid .sk-cube8 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.sk-cube-grid .sk-cube9 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
@-webkit-keyframes sk-cubeGridScaleDelay {0%, 70%, 100% {transform: scale3D(1, 1, 1);} 35% {transform: scale3D(0, 0, 1); }}
@keyframes sk-cubeGridScaleDelay {0%, 70%, 100% {transform: scale3D(1, 1, 1);} 35% {transform: scale3D(0, 0, 1);}}

.top_filter_content {background: #d8d8d8; line-height: 30px; margin-bottom: 25px; text-align: left; padding: 10px 16px;}
html.w1_com .top_filter_content {border-radius: 25px; background: #f5f5f5;}
.top_filter_content .flexcontent, .top_filter_content.flexcontent {display: flex; justify-content: space-between;}
.top_filter_content a, .top_filter_content .paging {display:inline-block;}
.top_filter_content form {display: inline;}
.top_filter_content label {margin-right: 12px; cursor: default;}
.top_filter_content span.currentitems {display: block;}
.top_filter_content span.currentitems button {display: inline-block; padding: 0px 6px 2px 30px; color: black; background-color: #f0f0f0; -webkit-border-radius: initial; background-size: 18px; background-position: 6px center; margin-right: 15px;margin-top: 10px; line-height: 30px; border: none; font-family: "MarkPro-ExtraLight"; font-size: 1.7rem; cursor: pointer;}
html.w1_com .top_filter_content span.currentitems button {padding: 1px 15px 0 30px; color: white; border-radius: 15px; background-color: #37384f; background-size: 18px; background-position: 6px center; margin-right: 15px;margin-top: 10px; line-height: 29px; border: none; font-family: "Baloo2-Regular"; font-size: 1.7rem; cursor: pointer;}
html.w1_com .top_filter_content span.currentitems button:hover {background-color: rgba(55,56,79, 0.6); }
.top_filter_content span.currentitems button:hover {background-color: #979797; color: white; transform:none;}
.top_filter_content .chosen-container {max-width: 100%; vertical-align: top; text-align: left;}
.top_filter_content .ib {display: inline-block;}
.top_filter_content .paging_container {text-align: right;}
.top_filter_content .paging_container #product_paging_chosen, .top_filter_content .paging_container span, .top_filter_content .paging_container #product_paging_footer_chosen {margin-right: 50px;}
.top_filter_content .paging a {width: 34px; background: #979797; color: #171717; text-align: center; margin-left: 10px;}
.top_filter_content .paging a.active {background: #00518f; color: white; font-weight: bold;}
.top_filter_content #ordering_container {width: 100%;}
.product_footer_nav {margin-top: 100px;}

#brand_intro_container p {padding: 0;}

/* News and blog styles */
.newsblogs article {overflow: hidden; margin-bottom: 70px; border: 3px solid #D8D8D8; break-inside: avoid-column; -webkit-column-break-inside: avoid;}
.newsblogs article .content {padding: 20px 30px 0 30px;}
.newsblogs article h1 {display: block; white-space:normal; color: white; font-size: 2.6rem; line-height: 2.4rem; padding: 20px 30px; background-image: -webkit-linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-image: linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-color: #314d63;}
html.w1_com .newsblogs article h1 {background-image: none; background-color: #37384f;}
.newsblogs article h1:after {display:none;}
.newsblogs article h1 a {display: block; color: white;}
.newsblogs article h1 + div {background-color: #d8d8d8; text-align: right; padding: 5px 30px 5px 0; font-size: 1.6rem; line-height: 1.8rem;}
.newsblogs article h2 {font-size: 2.2rem; line-height: 2.4rem;}
/* .newsblogs article img {float: left; margin-right: 10px; max-width: 50%;} */
.newsblogs #single_news h1 + div, .newsblogs #single_blog h1 + div {text-align: right;padding: 5px 30px 5px 0; font-size: 1.6rem; line-height: 1.8rem;}
.newsblogs #content_footer {text-align: center; margin-top: 10px;}
.newsblogs #content_footer a, .newsblogs #content_footer span {display: inline-block; vertical-align: top; border-radius: 14px; width: 40px; height: 40px; line-height: 40px; margin: 0 12px; color: white; font-weight: bold; text-align: center; background-position: center; background-size: 16px; background-image: -webkit-linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-image: linear-gradient(bottom, #203c51 0%, #314d63 49.73%); background-color: #314d63;}
.newsblogs #content_footer span {color: black; cursor: default;}
.newsblogs #content_footer a.prev {transform: rotate(90deg); transform-origin:center;}
.newsblogs #content_footer a.next {transform: rotate(-90deg);}
.newsblogs #content_footer span {background-image: none; background-color:#D8D8D8;}
.geenfloat {float: none; margin: 10px;}
.fullwidth {float: none; margin: 0;}
.floatright {float: right; clear: right; margin: 5px 0 20px 25px;}
.floatleft {float: left; clear: left; margin: 5px 25px 20px 0;}

/* General table layout styles */
table {border-collapse: collapse;}
table thead td {font-family: "MarkPro-Regular"; border-bottom: 2px solid #00518f; box-sizing: border-box;}
html.w1_com table thead td {font-family: "Baloo2-Regular", Tahoma;}
table tbody tr:first-child td {padding-top: 8px;}
table td.r {text-align: right;}
table tr.empty td {width: 100%; height: 7px;}
table td .redx {position: relative; width: 24px; height: 24px; bottom: 3px; cursor: pointer;}

/* Shopping basket page */
.page_basket .keypoints_home {margin-bottom: 0;}
.winkelmandje {width: 100%; margin-top: 20px; text-align: left;}
.winkelmandje tr td.r {color: #171717; font-weight: normal; text-align: right;}
.winkelmandje input[type="text"] {text-align: center; min-width: 20px; max-width: 35px; height: 23px; vertical-align: middle; cursor: pointer;}
.winkelmandje tr td:first-child {width: 8%; text-align: center;}
.winkelmandje tr td:nth-child(2) {width: 10%;}
.winkelmandje tr td:nth-child(2) img, .winkelmandje tr td .ic_giftcard {max-height: 150px;}
.winkelmandje tr td:nth-child(3) {width: 54%;}
.winkelmandje tr td:nth-child(4), .winkelmandje tr td:nth-child(5), .winkelmandje.noneditable tfoot tr.subtotaal td:nth-child(2), .winkelmandje tfoot tr.btw td:nth-child(2), .winkelmandje tr.totaal td:nth-child(2) {width: 14%; text-align: right; white-space: nowrap; padding-left: 20px; padding-right: 20px; position: relative;} /* , .winkelmandje tfoot tr td:nth-child(2) */
/* .winkelmandje tfoot tr td:nth-child(2) {padding-left: 0;} */
.winkelmandje tr td:nth-child(4) span, .winkelmandje tr td:nth-child(5) span, .winkelmandje tfoot tr.btw td:nth-child(2) span, .winkelmandje tr.totaal td:nth-child(2) span {position: absolute; display: block; left: 90px;} /* .winkelmandje tfoot tr td:nth-child(2) span */
.winkelmandje tr td:nth-child(6), .winkelmandje tfoot tr.btw td:nth-child(3), .winkelmandje tfoot tr.totaal td:nth-child(3) {width: 24px;} /* , .winkelmandje tfoot tr td:nth-child(3) */
.winkelmandje tfoot tr td:nth-child(4), .winkelmandje tfoot tr.btw td:first-child, .winkelmandje tr.totaal td:first-child, .winkelmandje.noneditable tr.subtotaal td:first-child {text-align: right; padding-right: 20px;} /* .winkelmandje tfoot tr td:first-child  */
.winkelmandje tr.dottedline td {border-top: 1px dotted #00518f; height: 1px; line-height: 0;}
.winkelmandje tr.subtotaal td {padding-top: 8px;}
.winkelmandje tr.totaal td {border-top: 2px solid #00518f; padding-top: 8px;}
.winkelmandje tfoot tr td:last-child {padding-left: 0; padding-right: 0; font-size: 0; line-height: 0; white-space: normal;}
.winkelmandje dfn {margin-left: 10px;}
.page_basket .ic_webwinkelkeur {display: inline-block; width: 60%; height: 62px; vertical-align: top; background-position: center; background-size: 100%;}
.page_basket .ic_webwinkelkeur span {display: block; color: black; font-size: 1.6rem; line-height: 1.8rem;}
.vatoutsideeu {width: 60%; padding: 0;}

/* Shopping basket layout in my account page*/
.winkelmandje_account {width: 100%; margin-bottom: 40px; text-align: left;}
.winkelmandje_account tr td:first-child {width: 8%; text-align: center;}
.winkelmandje_account tr td:nth-child(2) {width: 64%;}
.winkelmandje_account tr td:nth-child(3), .winkelmandje_account tr td:nth-child(4), .winkelmandje_account tfoot tr td:nth-child(2) {width: 14%; text-align: right; white-space: nowrap; padding-left: 20px; padding-right: 20px; position: relative;}
.winkelmandje_account tr td:nth-child(3) span, .winkelmandje_account tr td:nth-child(4) span, .winkelmandje_account tfoot tr td:nth-child(2) span {position: absolute; display: block; left: 20px;}
.winkelmandje_account tfoot tr td:first-child {text-align: right; padding-right: 20px;}
.winkelmandje_account tr.dottedline td {border-top: 1px dotted #00518f; height: 1px; line-height: 0;}
.winkelmandje_account tr.subtotaal td {padding-top: 8px;}
.winkelmandje_account tr.totaal td {border-top: 2px solid #00518f; padding-top: 8px;}

/* Order page */
.page_order, .myaccount {font-size: 1.8rem; line-height: 2.1rem;}
.page_order h4 {margin-bottom: 10px;}
.page_order .r, .myaccount .r {color: #d2003b;}
.page_order label, .repayment label {display: inline-block; width: 39%; margin-bottom: 8px; padding-bottom: 2px;}
.page_order .onlytext label {margin-bottom: 0; cursor:default;}
.page_order input[type="text"], .page_order input[type="password"], .myaccount input[type="text"], .myaccount input[type="password"] {width: 60%; height: 2.1rem; margin-bottom: 8px; box-sizing:border-box; padding: 0 12px 0 8px;}
html.w1_com .page_order input[type="text"], html.w1_com .page_order input[type="password"], html.w1_com .myaccount input[type="text"], html.w1_com .myaccount input[type="password"] {height: 2.3rem;}
.page_order input[type="checkbox"] + label {display: inline-block; line-height: 2.1rem; width: 60%;}
.page_order input[type="checkbox"] + label:before, .myaccount input[type="checkbox"] + label:before, input[type="checkbox"].mod + label:before {display: block; float: left; vertical-align: middle; margin: 2px 4px 0 0; line-height: 23px; content: ""; width: 18px; height: 18px; background-size: 100%; background-position: 0 -48px;}
.page_order input[type="checkbox"]:hover + label:before, .myaccount input[type="checkbox"]:hover + label:before, input[type="checkbox"].mod:hover + label:before {background-position: 0 -24px;}
.page_order input[type="checkbox"]:checked + label:before, .myaccount input[type="checkbox"]:checked + label:before, input[type="checkbox"].mod:checked + label:before {background-position: 0 0;}
.page_order .form_text, .page_order select, .myaccount .form_text {display: inline-block; width: 60%;}
.page_order .form_text select, .myaccount .form_text select {width: 100%;}
.page_order .chosen-container {vertical-align:top; margin-bottom: 8px;}
.page_order .chosen-container-single .chosen-single {height:23px;line-height:20px}
.page_order .sub, .myaccount .sub {width: auto; left: initial; font-family: "MarkPro-ExtraLight", Tahoma; overflow: initial; letter-spacing: -0.025rem;}
html.w1_com .page_order .sub, html.w1_com .myaccount .sub {font-family: "Baloo2-Regular", Tahoma; display: none; visibility: initial; opacity: 1; transform: none; transition: none;}
html.w1_com .page_order .toggler:checked + .sub, html.w1_com .page_order .toggler:checked + label + .sub {display: block;}
.page_order .subv2 {visibility:hidden; max-height: 0;}
.page_order .togglerv2:checked ~ .subv2 {visibility: visible; max-height: 300px;}
.page_order #loggedin {margin: 16px 0;}
.page_order #title_payment, .page_order #title_finaloverview {margin-top: 40px;}
.page_order #title_finaloverview span {margin-left: 8px; font-family: "MarkPro-ExtraLight", Tahoma; font-size: 1.5rem;}
#c2_shippingpayment {max-width: 550px;}
#c2_shippingpayment input[type="radio"] + label {width: 100%; background-color: #D8D8D8; padding: 6px 10px 9px 56px; box-sizing:border-box; border-left: 5px solid #D8D8D8;}
#c2_shippingpayment input[type="radio"] + label span {display: block; font-size: 1.4rem; line-height: 1.6rem;}
#c2_shippingpayment input[type="radio"] + label span#pp_amount {display: inline;}
#c2_shippingpayment input[type="radio"] + label:before {display: none;}
#c2_shippingpayment input[type="radio"] + label:hover {background-color: #c4c4c4; border-left: 5px solid #c4c4c4}
#c2_shippingpayment input[type="radio"]:checked + label {border-left: 5px solid #00518F; background-color: #b4dea4; transition: background-color .3s; box-shadow: inset 6px 6px 14px -10px rgba(0,0,0,0.75);}
#c2_shippingpayment input[type="radio"].disabled + label {background-color: #ebebeb !important; border-left: 5px solid #ebebeb !important; color: #989898 !important; cursor: not-allowed; -webkit-filter: grayscale(100%); filter: gray;}
.page_order .winkelmandje thead tr td:nth-child(2), .page_order .winkelmandje tbody tr td:nth-child(2) {width: 0;}
.page_order .winkelmandje tbody tr td:nth-child(2) img, .page_order .winkelmandje tbody tr td:nth-child(2) .ic_giftcard {display: none;}
.page_order .winkelmandje tr td:nth-child(4) span, .page_order .winkelmandje tr td:nth-child(5) span, .page_order .winkelmandje tfoot tr td:nth-child(2) span {position: absolute; display: block; left: auto; right: 75px;}
.page_order .winkelmandje tr td:nth-child(5), .page_order .winkelmandje tfoot tr td:nth-child(2), .page_order .winkelmandje.noneditable tfoot tr.subtotaal td:nth-child(2) {padding-right: 0;}
.page_order .winkelmandje tr td:nth-child(6), .page_order .winkelmandje tfoot tr td:nth-child(3) {width: 0;}
.page_order .winkelmandje tr td:nth-child(3) {width: 64%;}
.page_order .winkelmandje dfn {margin-left: 5px;}
.payment_list {display: none; margin-left: 60px;}
.payment_list.show, .repayment .payment_list {display: block;}
.page_order #couponcode {width: 250px;}
.page_order #couponcode.warning {background-color: #ffeaa2 !important;}
.page_order #couponcode.ok {background-color: #b4dea4 !important;}
.page_order #basket_container {margin-bottom: 40px;}
.page_order label.full {width: 100% !important; display: block !important; margin-bottom: 0;}
.page_order #label_opmerkingen {margin-top: 16px;}
.page_order #conditions {max-height: 170px; overflow: auto; font-size: 1.3rem; line-height: 1.5rem; margin-bottom: 16px; border-bottom: 1px solid #00518f; padding-right: 10px; text-align:justify;}
.page_order #conditions h2 {font-size: 1.4rem; line-height: 1.8rem;}
.page_order #conditions p {padding: 0 0 1.4rem 0;}
.page_order #label_site_rating {width: 60%; margin-top: 10px;}
.page_order #label_site_rating + select {width: 39%;}
.page_order #label_site_rating + select + .chosen-container {margin-top: 10px;}
.ic_security:before {content: ""; width: 32px; height: 30px; display: block; float: left; margin: 3px 6px 0 4px;}
.page_order .ic_help {display: inline-block; background-size: 19px; width: 19px; height: 19px; margin-left: 4px; vertical-align: bottom;}
#c2_shippingpayment .ideal {background-position: 12px -2912px;}
#c2_shippingpayment .ABNANL2A {background-position: 12px -1358px;}
#c2_shippingpayment .ASNBNL21 {background-position: 12px -1512px;}
#c2_shippingpayment .BUNQNL2A {background-position: 6px -1672px;}
#c2_shippingpayment .INGBNL2A {background-position: 8px -1830px;}
#c2_shippingpayment .KNABNL2H {background-position: 8px -1977px;}
#c2_shippingpayment .RABONL2U {background-position: 14px -2127px;}
#c2_shippingpayment .FVLBNL22 {background-position: 12px -2287px;}
#c2_shippingpayment .RBRBNL21 {background-position: 12px -2445px;}
#c2_shippingpayment .SNSBNL2A {background-position: 11px -2443px;}
#c2_shippingpayment .TRIONL2U {background-position: 12px -2599px;}
#c2_shippingpayment .MOYONL21 {background-position: 6px -3059px;}
#c2_shippingpayment .HANDNL2A {background-position: 6px -3212px;}
#c2_shippingpayment .REVOLT21 {background-position: 7px -3365px;}
#c2_shippingpayment .creditcards {background-position: 8px -2755px;}
#c2_shippingpayment .maestro {background-position: 8px 10px;} 
#c2_shippingpayment .mastercard {background-position: 8px -145px;} 
#c2_shippingpayment .visa {background-position: 8px -298px;}
#c2_shippingpayment .sofort {background-position: 4px -3513px;}
#c2_shippingpayment .bancontact {background-position: 4px -3662px;}
#c2_shippingpayment .belfius {background-position: 4px -3811px;}
#c2_shippingpayment .giropay {background-position: 4px -3962px;}
#c2_shippingpayment .kbc {background-position: 4px -4112px;} 
#c2_shippingpayment .paypal {background-position: 8px -1043px;} 
#c2_shippingpayment .bankwire {background-position: 8px -451px;} 
#c2_shippingpayment .cash {background-position: 8px -602px;} 
#c2_shippingpayment .dpd {background-position: 6px -748px;} 
#c2_shippingpayment .fedex {background-position: 6px -892px;} 
#c2_shippingpayment .postnl {background-position: 10px -1196px;} 
#c2_shippingpayment .bensontrade {background-position: 11px 9px; background-image: url("/images/favicon-32x32.png") !important;}

/* Cancel page */
.page_cancel label {float: left; clear: left; display: block; width: 20%; margin-bottom: 8px; padding-bottom: 2px;}
.page_cancel input[type="text"] {float: left; width: 35%; height: 2.1rem; margin-bottom: 8px; box-sizing:border-box; padding: 0 12px 0 8px;}
.page_cancel input[type="text"].small {width: 175px !important;}
.page_cancel textarea {float: left; width: 35%; margin-bottom: 8px; padding: 0 12px 0 8px;}
.page_cancel .btn_container {clear: left;} 

.myaccount h4 {margin-top: 20px;}
.myaccount .column {display: inline-block; vertical-align: top;}
.myaccount .column:first-child {margin-left: 0; width: 40%;}
.myaccount .column:nth-child(2) {width: 57%; margin-left: 2.6%;}
.myaccount label {display: inline-block; width: 39%; margin-bottom: 8px;}
.myaccount select, .myaccount .column .chosen-container {width: 60%; margin-bottom: 8px;}
.myaccount input[type="checkbox"] + label {display: inline-block; line-height: 2.1rem; width: 60%;}
.myaccount .chosen-container {width: 58%;}
.myaccount button {margin-right: 30px;}
.customer_orders {width: 100%; margin-top: 10px; text-align: left;}
.customer_orders td:first-child {width: 12%;}
.customer_orders td:first-child a {font-weight: bold;}
.customer_orders td:nth-child(2) {width: 29%;}
.customer_orders td:nth-child(3) {width: 10%; text-align: right; padding-right: 20px; position: relative;}
.customer_orders td:nth-child(3) span {position: absolute; display: inline-block; right: 85px;}
.customer_orders td:nth-child(4) {width: 19%; text-align: center;}
.customer_orders td:nth-child(5) {width: 27%; text-align: right;}
.customer_orders td:nth-child(6) {width: 3%; text-align: right;}
.customer_orders td:nth-child(6) a {width: 18px; height: 23px; background-size: 18px 23px; display: inline-block; vertical-align: top;}

/* Repayment page */
.repayment label {display: inline-block; width: 39%;}
.repayment .form_text_layout label {margin-bottom: 0;}
.repayment .form_text_layout div {display: inline-block; width: 60%; font-weight: bold;}

/* Password meter styles */
#score {color: #000; position: absolute; text-align: center; width: 100px; z-index: 10; font-weight: bold; font-size: 1.1rem; line-height: 21px; text-wrap:avoid;}
#scorebar {position: relative; height: 100%; background: url('/images/bg_strength_gradient.jpg') 0 0; background-repeat: repeat-y !important; width: 100%; z-index: 0;}
#scorebarBorder {background: #333; border: 1px #b3b3b3 solid; height: 21px; width: 100px; display: inline-block; vertical-align: top; margin: 0 0 0 20px;}

/* Chosen JQuery Select Styles v1.6.2 */
.chosen-container {position:relative;display:inline-block;vertical-align:middle;font-size:1.7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.chosen-container * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.chosen-container .chosen-drop {position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border-top:0;background-color:#d8d8d8;border-radius:0 0 13px 13px;}
.chosen-container.chosen-with-drop .chosen-drop {left:0}
.chosen-container a {cursor:pointer}
.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name {margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}
.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after {content:":";padding-left:2px;vertical-align:top}
.chosen-container-single .chosen-single {position:relative;display:block;overflow:hidden;padding:1px 0 0 12px;height:25px; border-radius:13px;background-color:#d8d8d8;background-clip:padding-box;color:#171717;text-decoration:none;white-space:nowrap;line-height:24px}
.chosen-container-single .chosen-default {color:#999}
.chosen-container-single .chosen-single span {display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single-with-deselect span {margin-right:38px}
.chosen-container-single .chosen-single abbr {position:absolute;top:6px;right:26px;display:block;width:12px;height:12px; background-position:-42px 1px;font-size:1px}
.chosen-container-single .chosen-single abbr:hover {background-position:-42px -10px}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {background-position:-42px -10px}
.chosen-container-single .chosen-single div {position:absolute;top:0;right:0;display:block;width:30px;height:100%}
.chosen-container-single .chosen-single div b {display:block;width:100%;height:100%; background-size: 15px; background-position: center;}
.chosen-container-single .chosen-search {position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.chosen-container-single .chosen-search input[type=text] {margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa; color: black; background-color: white; background-position: 100% -20px; font-size:1.7rem;font-family: "MarkPro-ExtraLight";line-height:normal;border-radius:0}
.chosen-container-single .chosen-drop {border-radius:0 0 13px 13px;background-clip:padding-box}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {position:absolute;left:-9999px}
.chosen-container .chosen-results {color:#171717;position:relative;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;max-height:250px;-webkit-overflow-scrolling:touch;}
html.w1_com .chosen-container .chosen-results {color: white; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.chosen-container .chosen-results li {display:none;margin:0;padding:5px 6px 5px 12px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}
.chosen-container .chosen-results li.active-result {display:list-item;cursor:pointer}
.chosen-container .chosen-results li.active-result:last-child {border-radius:0 0 13px 13px;}
.chosen-container .chosen-results li.disabled-result {display:list-item;color:#ccc;cursor:default}
.chosen-container .chosen-results li.highlighted {background-color:#0F4772;color:#fff; font-weight: bold;}
.chosen-container .chosen-results li.no-results {color:#777;display:list-item; line-height: 25px; background:#d8d8d8; border-radius:0 0 13px 13px;}
.chosen-container .chosen-results li.group-result {display:list-item;font-weight:700;cursor:default}
.chosen-container .chosen-results li.group-option {padding-left:25px}
.chosen-container .chosen-results li em {font-style:normal;text-decoration:underline}
.chosen-container-multi .chosen-choices {position:relative;overflow:hidden;margin:0;padding:0 13px;width:100%;height:auto;background-color:#d8d8d8; cursor:text;border-radius: 13px;}
.chosen-container-active.chosen-with-drop .chosen-choices {border-radius: 13px 13px 0 0;}
.chosen-container-multi .chosen-choices li {float:left;list-style:none}
.chosen-container-multi .chosen-choices li.search-field {margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-multi .chosen-choices li.search-choice {position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}
.chosen-container-multi .chosen-choices li.search-choice span {word-wrap:break-word}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background-position: -42px 1px;font-size:1px}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {background-position:-42px -10px}
.chosen-container-multi .chosen-choices li.search-choice-disabled {padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}
.chosen-container-multi .chosen-choices li.search-choice-focus {background:#d4d4d4}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {background-position:-42px -10px}
.chosen-container-multi .chosen-results {margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected {display:list-item;color:#838383;cursor:default}
.chosen-container-active.chosen-with-drop .chosen-single {border-bottom-right-radius:0;border-bottom-left-radius:0;}
.chosen-container-active.chosen-with-drop .chosen-single div {border-left:0;background:transparent}
.chosen-container-active.chosen-with-drop .chosen-single div b {transform: rotate(180deg);}
.chosen-container-active .chosen-choices li.search-field input[type=text] {color:#222!important}
.chosen-disabled {cursor:default}
.chosen-disabled .chosen-single {cursor:default; background-color: #f3f3f3 !important; font-weight: bold;}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {cursor:default}
.chosen-disabled .chosen-single div b {display: none;}
.chosen-style2 .chosen-container-single .chosen-single {border-radius:0;background-color:#979797; height: 30px;line-height:29px}
.chosen-style2 .chosen-container-single .chosen-single div {width:30px; border-left: 1px solid #d8d8d8;}
.chosen-style2 .chosen-container-single .chosen-single div b {background-size: 15px; background-position: center;}
.chosen-style2 .chosen-container-active.chosen-with-drop .chosen-single div b {transform: rotate(180deg);}
.chosen-style2 .chosen-container .chosen-drop {background-color:#979797; border-radius: 0;}
.chosen-style2 .chosen-container .chosen-results li.active-result:last-child {border-radius:0;}
.chosen-style2 .chosen-container-single .chosen-drop {border-radius:0;}
.chosen-style2 .chosen-container-single .chosen-single {border-radius:0;background-color:#979797; height: 30px;line-height:29px}
#price_container .chosen-container {font-size: 1.7rem; font-family: "MarkPro-Light";}
html.w1_com #price_container .chosen-container {font-family: "Baloo2-Regular", Tahoma; font-size: 1.7rem;}
#price_container .chosen-container-single .chosen-single, #price_container .chosen-container .chosen-drop {background-color:#37384f; color: white;border-top-left-radius: 0; border-top-right-radius: 0;}
html.w1_com #price_container .chosen-container .chosen-drop {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
html.w1_com #price_container .chosen-container-single .chosen-single {border-radius: 15px;}
html.w1_com #price_container .chosen-with-drop .chosen-single {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
html.w1_com .chosen-container .chosen-drop {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
html.w1_com .chosen-container-single .chosen-single {border-radius: 15px;}
html.w1_com .chosen-with-drop .chosen-single {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
html.w1_com .chosen-container-single .chosen-single, html.w1_com .chosen-container .chosen-drop {background-color:#37384f; color: white;}



#price_container .chosen-container-single .chosen-single div {border-left: 1px solid #324e63;}
#price_container .chosen-container .chosen-results {color: white;}
#price_container .chosen-container .chosen-results li.highlighted {font-weight: normal; background-color: #3576ac;}

/* perfect-scrollbar v0.6.15 */
.ps-container {-ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none;}
@supports (-ms-overflow-style: none) {.ps-container {overflow: auto !important;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container {overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {display: block; background-color: transparent;}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {background-color: rgba(56,56,56,0.2);}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {background-color: #383838; height: 11px;}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: rgba(56,56,56,0.2);}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: #383838; width: 11px;}
.ps-container > .ps-scrollbar-x-rail {display: none; position: absolute; border-radius: 8px; opacity: 0; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; height: 17px;}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {position: absolute; background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; bottom: 2px; height: 11px;}
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {height: 11px;}
.ps-container > .ps-scrollbar-y-rail {display: none; position: absolute; border-radius: 8px; opacity: 0; transition: background-color .2s linear, opacity .2s linear; right: 3px; width: 17px;}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {position: absolute; background-color: #383838; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; right: 3px; width: 11px;}
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {width: 11px;}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {background-color: rgba(56,56,56,0.2);}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {background-color: #212121; height: 11px;}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: rgba(56,56,56,0.2);}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: #212121; width: 11px;}
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {opacity: 0.6;}
.ps-container:hover > .ps-scrollbar-x-rail:hover {background-color: rgba(56,56,56,0.2);}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {background-color: #383838;}
.ps-container:hover > .ps-scrollbar-y-rail:hover {background-color: rgba(56,56,56,0.2);cursor: n-resize;}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {background-color: #383838; cursor: grab;}
#price_container .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: white;}
#price_container .ps-container:hover > .ps-scrollbar-y-rail:hover {background-color: rgba(255,255,255,0.3);}
#price_container .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {background-color: white;}

/* Toggle animations from keyframes */
.blinker {-webkit-animation-name: blinker; animation-name: blinker;}
.zoomInv2 {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
.zoomInDown {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
.zoomInLeft {-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}
.zoomInRight {-webkit-animation-name: zoomInRight; animation-name: zoomInRight;}
.bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}
.shake {-webkit-animation-name: shake; animation-name: shake;}
.flipInX {-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}

/* Tooltipster v4.2.8 styles */
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}
.tooltipster-base{display:flex;pointer-events:none;position:absolute}
.tooltipster-box{flex:1 1 auto}
.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}
.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}
.tooltipster-fade{opacity:0;transition-property:opacity}
.tooltipster-fade.tooltipster-show{opacity:1}
.tooltipster-grow{transform:scale(0,0);transition-property:transform;-webkit-backface-visibility:hidden}
.tooltipster-grow.tooltipster-show{transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}
.tooltipster-swing{opacity:0;transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}
.tooltipster-swing.tooltipster-show{opacity:1;transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}
.tooltipster-fall{transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}
.tooltipster-fall.tooltipster-initial{top:0!important}
.tooltipster-fall.tooltipster-dying{transition-property:all;top:0!important;opacity:0}
.tooltipster-slide{transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}
.tooltipster-slide.tooltipster-initial{left:-40px!important}
.tooltipster-slide.tooltipster-dying{transition-property:all;left:0!important;opacity:0}
@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}
.tooltipster-update-fade{animation:tooltipster-fading .4s}
@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}
.tooltipster-update-rotate{animation:tooltipster-rotating .6s}
@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}
.tooltipster-update-scale{animation:tooltipster-scaling .6s}
.tooltipster-sidetip .tooltipster-box {background: #565656; border: 2px solid black; border-radius: 4px;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {margin-top: 8px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {margin-right: 8px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {margin-left: 8px;}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {margin-bottom: 8px;}
.tooltipster-sidetip .tooltipster-content {color: white; line-height: 18px;	padding: 6px 14px;}
.tooltipster-sidetip .tooltipster-arrow {overflow: hidden; position: absolute;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {height: 10px; margin-left: -10px; top: 0; width: 20px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {height: 20px;	margin-top: -10px; right: 0; top: 0; width: 10px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {bottom: 0;	height: 10px; margin-left: -10px; width: 20px;}
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {height: 0; position: absolute; width: 0;}
.tooltipster-sidetip .tooltipster-arrow-background {border: 10px solid transparent;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #565656; left: 0; top: 3px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: #565656; left: -3px; top: 0;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color: #565656; left: 3px; top: 0;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: #565656; left: 0; top: -3px;}
.tooltipster-sidetip .tooltipster-arrow-border {border: 10px solid transparent;	left: 0; top: 0;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color: black;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {border-left-color: black;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {border-right-color: black;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color: black;}
.tooltipster-sidetip .tooltipster-arrow-uncropped {position: relative;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {top: -10px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {left: -10px;}
/* Tooltipster Light theme */
.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed; font-size: 1.4rem; font-weight: bold; text-align: center;}
.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}
/* Tooltipster Light theme */
.tooltipster-sidetip.tooltipster-specs .tooltipster-box{border-radius:3px; border:1px solid #afc4d3; background: #e5ecf2;}
.tooltipster-sidetip.tooltipster-specs.tooltipster-left .tooltipster-arrow-background{border-left-color:#e5ecf2;left:-1px}
.tooltipster-sidetip.tooltipster-specs.tooltipster-right .tooltipster-arrow-background{border-right-color:#e5ecf2;left:1px}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#afc4d3}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#afc4d3}

/* Skitter slider styles */
.skitter{position:relative;max-width:1700px;height:550px;background:black}
.skitter.with-dots{margin-bottom:60px}
.skitter.with-thumbs{margin-bottom:60px}
.skitter>a img,.skitter>img{max-width:none}
.skitter ul{display:none}
.skitter .container_skitter{overflow:hidden;position:relative}
.skitter .container_skitter .image_main{width:100%}
.skitter .image{overflow:hidden}
.skitter .image>a img,.skitter .image>img{width:100%;display:none}
.skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.skitter .prev_button, .skitter .next_button{position:absolute;top:50%;transform:translateY(-50%);z-index:49;width:42px;opacity:0.5;height:42px;overflow:hidden;text-indent:-9999em;transition:all 0.2s}
.skitter .prev_button {left: 25px;}
.skitter .next_button {right:25px;}
.skitter .prev_button:hover,.skitter .next_button:hover{opacity:1;}
.skitter .info_slide{position:absolute;top:15px;left:15px;z-index:100;background-color:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;border-radius:5px;opacity:0.75}
.skitter .info_slide .image_number{background-color:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;border-radius:2px;transition:all 0.2s}
.skitter .info_slide .image_number:hover{background-color:#000}
.skitter .info_slide .image_number.image_number_select{background-color:#ccc;color:black}
.skitter .container_thumbs{position:relative;overflow:hidden;height:50px}
.skitter .info_slide_thumb{height:50px;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0;opacity:1.0}
.skitter .info_slide_thumb .image_number{overflow:hidden;width:100px;height:50px;position:relative;margin:0;padding:0;border-radius:0;background-size:cover;background-position:center center}
.skitter .info_slide_thumb .image_number.image_number_select{opacity:.4}
.skitter .box_scroll_thumbs{padding:0}
.skitter .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background-color:#ccc;width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;border:0px solid #333}
.skitter .info_slide_dots{position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;border-radius:50px}
.skitter .info_slide_dots .image_number{background-color:#999;float:left;margin:0 5px 0 0;cursor:pointer;border-radius:50px;width:14px;height:14px;text-indent:-9999em;overflow:hidden;transition:all 0.2s}
.skitter .info_slide_dots .image_number:hover{background-color:#777}
.skitter .info_slide_dots .image_number.image_number_select{background-color:#222}
.skitter .loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;width:32px;height:32px}
.label_skitter{z-index:150;position:absolute;bottom:0px;left:0px;display:none;z-index:150;position:absolute;bottom:0px;left:0px;display:none;background:linear-gradient(transparent, #000);width:100%}
.label_skitter p{color:#fff;padding:10px;margin:0;font-size:14px}
.progressbar{background-color:#000;position:absolute;bottom:0;left:0;height:5px;width:100%;z-index:49;}
.preview_slide{display:none;position:absolute;z-index:152;bottom:30px;left:-40px;width:100px;height:100px;background-color:#fff;border:1px solid #222;box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;overflow:hidden}
.preview_slide ul{height:100px;overflow:hidden;margin:0;padding:0;list-style:none;display:block;position:absolute;top:0;left:0}
.preview_slide ul li{width:100px;height:100px;overflow:hidden;float:left;margin:0;padding:0;position:relative;display:block}
.preview_slide ul li img{position:absolute;top:0;left:0;height:150px;width:auto}
#overlay_skitter{position:absolute;top:0;left:0;width:100%;z-index:9998;opacity:1;background-color:#000}
.skitter .focus_button{position:absolute;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;opacity:0;transition:all 0.2s}
.skitter .play_pause_button{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;opacity:0;transition:all 0.2s}
.skitter .play_pause_button:hover{opacity:0.5}
.skitter .focus_button:hover{opacity:0.5}
.skitter .focus_button,.skitter .next_button,.skitter .prev_button,.skitter .play_pause_button{display:block;background:url("/images/skitter_sprite-default.png") no-repeat;background-size:84px auto}
.skitter .next_button{background-position:-0px -42px;width:42px;height:42px}
.skitter .prev_button{background-position:-42px -42px;width:42px;height:42px}
.skitter .play_pause_button{background-position:-0px -0px;width:42px;height:42px}
.skitter .play_pause_button.play_button{background-position:-0px -84px;width:42px;height:42px}
.skitter .focus_button{background-position:-42px -0px;width:42px;height:42px;top:35px;left:35px}
.skitter-clean .prev_button,.skitter-clean .next_button,.skitter-clean .play_pause_button,.skitter-clean .focus_button{display:block;background:url("/images/skitter_sprite-clean.png") no-repeat;background-size:47px auto}
.skitter-clean .prev_button{background-position:0px 0px;width:47px;height:46px}
.skitter-clean .next_button{background-position:0px -46px;width:47px;height:46px}
.skitter-clean .play_pause_button{background-position:-0px -133px;width:41px;height:41px}
.skitter-clean .play_pause_button.play_button{background-position:-0px -92px;width:41px;height:41px}
.skitter-clean .focus_button{background-position:-0px -174px;width:41px;height:41px}
.skitter-clean .info_slide{background-color:transparent}
.skitter-clean .info_slide .image_number{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 1px 1px 0;font-size:12px;font-weight:normal;color:#333}
.skitter-clean .info_slide .image_number:hover{background-color:#ccc}
.skitter-clean .info_slide .image_number.image_number_select{background-color:#111;color:#fff}
.skitter-clean .info_slide_dots{background:rgba(0,0,0,0.07);box-shadow:rgba(0,0,0,0.3) 1px 1px 0}
.skitter-clean .info_slide_dots .image_number{width:14px;height:14px;background-color:#999}
.skitter-clean .info_slide_dots .image_number:hover{background-color:#333}
.skitter-clean .info_slide_dots .image_number.image_number_select{background-color:#111}
.skitter-clean .progressbar{background-color:black;}
@media (max-width: 1024px)
{.skitter .info_slide_dots,.skitter .info_slide{display:none}}
.skitter-spinner{padding:10px 12px;border-radius:100%;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.skitter-spinner .icon-sending{display:inline-block;animation:rotateMe 500ms linear infinite;border-radius:100%;border:2px solid white;border-bottom-color:transparent;width:20px;height:20px;vertical-align:top}
@keyframes rotateMe{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


/* Animations */
@-webkit-keyframes blinker {
  0% {background-color: #2fa800;}
  50% {background-color: #39cb00;}
  100% {background-color: #2fa800;}
}
@keyframes blinker {
  0% {background-color: #2fa800;}
  50% {background-color: #39cb00;}
  100% {background-color: #2fa800;}
}
@keyframes zoomOut {
	0% {transform: scale(1.07); -webkit-transform: scale(1.07);}
	100% {transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes zoomIn {
	0% {transform: scale(1); -webkit-transform: scale(1);}
	100% {transform: scale(1.07); -webkit-transform: scale(1.07);}
}
@-webkit-keyframes fadeInFromNone {
    0% {display: none; opacity: 0;}
    1% {display: inline; opacity: 0;}
    100% {display: inline; opacity: 1;}
}
@keyframes fadeInFromNone {
    0% {display: none; opacity: 0;}
    1% {display: inline; opacity: 0;}
    100% {display: inline; opacity: 1;}
}
@-webkit-keyframes zoomInv2 {
	from {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}
	50% {opacity: 1;}
}
@keyframes zoomInv2 {
	from {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}
	50% {opacity: 1;}
}
@-webkit-keyframes zoomInDown {
	from {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInDown {
	from {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@-webkit-keyframes zoomInLeft {
	from {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInLeft {
	from {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@-webkit-keyframes zoomInRight {
	from {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInRight {
	from {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
	60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@-webkit-keyframes bounceInUp {
	from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}
	60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}
	75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
	90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes bounceInUp {
	from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}
	60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}
	75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
	90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes shake {
	from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
	20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
}
@keyframes shake {
	from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
	20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
}
@-webkit-keyframes flipInX {
	from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
	60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}
	80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
	to {-webkit-transform: perspective(400px); transform: perspective(400px);}
}
@keyframes flipInX {
	from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
	60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}
	80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
	to {-webkit-transform: perspective(400px); transform: perspective(400px);}
}
 /* This is the animation used on menu on watchwinder.com: animation: slideOutBackCenter 1s linear; */
@keyframes slideInBackCenter {
  0% {transform: perspective(10px) translateZ(8px); opacity: 0;}
  50% {transform: perspective(10px) translateZ(2px); opacity: 1;}
  100% {transform: perspective(10px) translateZ(0); opacity: 1;}
}
@keyframes slideOutBackCenter {
  0% {transform: perspective(10px) translateZ(0); opacity: 1; visibility: visible;; display: block;}
  50% {transform: perspective(10px) translateZ(2px); opacity: 1; visibility: visible; display: block;}
  99% {transform: perspective(10px) translateZ(8px); opacity: 0; visibility: visible; display: block;}
  100% {transform: perspective(10px) translateZ(8px); opacity: 0; visibility: hidden; display: block;}
}
@keyframes slideMainMenuIn {
	0% {visibility: hidden; transform: perspective(10px) translateZ(8px); opacity: 0;}
	1% {visibility: visible; transform: perspective(10px) translateZ(8px); opacity: 1;}
	100% {visibility: visible; transform: perspective(10px) translateZ(0); opacity: 1;}
}
@keyframes slideMainMenuOut {
	0% {visibility: visible; transform: perspective(10px) translateZ(0); opacity: 1;}
	99% {visibility: visible; transform: perspective(10px) translateZ(8px); opacity: 1;}
	100% {visibility: hidden; transform: perspective(10px) translateZ(8px); opacity: 0;}
}



/* Responsive media queries */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx)
{
	.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span {background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;}
}
@media screen and (min-width:1px) and (max-width: 1755px) {
	#main_content_container {padding: 0 20px 200px 20px;}
	#main_content_container.full {padding: 0 0 200px 0;}
}
@media screen and (min-width:1px) and (max-width: 1717px) {
	.homepage_text { padding: 0 0 0 20px; box-sizing: border-box;}
}
@media screen and (min-width:1px) and (max-width: 1660px) {
	html.w1_com .order_button {left: 0; right:unset; margin: 20px 0 0 0;}
	html.w1_com #compare_container {left: 0; right:unset; margin: 20px 0 0 250px;}
	html.w1_com #product_intro_container .text {margin-top: 80px;}
}
@media screen and (min-width:1px) and (max-width: 1580px) {
	ul.topmenu {left: auto; right: 0;}
	.winkelmandje tr td:nth-child(4) span, .winkelmandje tr td:nth-child(5) span, .winkelmandje tfoot tr td:nth-child(2) span, .winkelmandje tfoot tr.btw td:nth-child(2) span, .winkelmandje tfoot tr.totaal td:nth-child(2) span {left: 30px;}
}
@media screen and (min-width:1px) and (max-width: 1510px) {
	ul.topmenu > li a, ul.topmenu > li label {padding: 0 16px; font-size: 1.9rem; transition: padding 0.5s, font-size 0.5s;}
	.products > div.sale:before {font-size: 1.5rem; line-height: 13px; padding: 13% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.5rem; line-height: 13px; padding: 17% 0 0 0;}
	#product_photo_container {width: 30%; margin-right: 3%;}
	#product_intro_container {width: 67%;}
	#product_intro h1 {font-size: 3.4rem; line-height: 4.5rem; transition: font-size 0.5s;}
	#product_photo_container .outer_photo_nav .button {width: 28px; height: 28px; background-size: 28px 28px;}
	#product_photo_container .photo_nav {width: calc(100% - 76px);}
	html.w1_com .homepage_text .fourcolumn {column-count: 3;}
	html.w1_com #news_block article {width: 47%; margin: 0 1.5% 25px 1.5%;}
	html.w1_com #news_block article:nth-child(2) {margin: 0 1.5% 25px 1.5%; margin-left: 1.5%;}
}
@media screen and (min-width:1px) and (max-width: 1407px) {
	.brand_banner, .brand_banner + div { display: block; width: 100%; }
	.brand_banner {width: 100%; transition: width 0.5s;}
	.photo_container img {max-width: 100%;}
	html.w1_com .inner_footer .column {width: 30%;}
	html.w1_com .topbar .check:first-child {margin: 18px 30px 0 20px; transition: margin 0.5s;}
}
@media screen and (min-width:1px) and (max-width: 1350px) {
	.newsletter form {margin-right: 50px; transition: margin-right 0.5s 0.5s;}
	.newsletter label {font-size: 2.4rem; transition: all 0.5s 0.5s; vertical-align: 1px;}
	.topbar .check:first-child {margin: 15px 30px 0 20px; transition: margin 0.5s;}
	.lang_box {right: 240px; transition: right 0.5s;}
	#search_box {margin-right: 330px; transition: margin-right 0.5s;}
	.partnerbar .logo {left: 80px; transition: left 0.5s; z-index: 0;}
	.partnerbar .left {width: 59px; transition: width 0.5s;}
	.partnerbar .right {width: calc(100% - 436px); transition: width 0.5s;}
	html.ww_nl .partnerbar .right {width: calc(100% - 520px);}
	html.ww_com .partnerbar .right {width: calc(100% - 580px);}
	html.ww_uk .partnerbar .right {width: calc(100% - 590px);}
	html.ww_nl ul.topmenu, html.ww_com ul.topmenu, html.ww_uk ul.topmenu, html.w1_com ul.topmenu {left: initial; right: 0;}
	.products > div {width: 30.83%; margin: 20px 1.25%;}
	.products.full > div {width: 22.5%;}
	.products.full > div:nth-child(n+5) {display: none;}
	.products > div.sale:before {font-size: 1.7rem; line-height: 17px; padding: 13% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.7rem; line-height: 17px; padding: 16.5% 0 0 0;}
	.homepage_text {padding: 0 20px 0 20px; width: 100%; margin: 30px 0 0 0; display: block;}
	.inner_footer .viewport-max.ww .alt {left: 140px; top: -210px;}
	#news_block {margin: 10px 0 -140px 0; max-width: initial; border-left: none; border-top: 5px solid #00518f;}
	#news_block article {display: inline-block; width: 50%; box-sizing: border-box;}
	#news_block article:nth-last-child(n+2) {padding: 0 35px 140px 35px;}
	#news_block article:last-child div {max-height: 560px;}
	#news_block:before {display: none;}
	#product_specs > div {width: 100%;}

	.threecolumn_layout > div {width: 48%; margin-left: 1.2%;}
	.threecolumn_layout > div:first-child {margin-left: 0;}
	.threecolumn_layout #c3_basket {margin-left: 0; width: 100%;}

	.top_filter_content .flexcontent, .top_filter_content.flexcontent {display: block; justify-content:inherit;}
	.top_filter_content .paging_container {text-align: left;}
	.top_filter_content .paging_container span {display: block;}
	.top_filter_content .paging_container #product_paging_chosen, .top_filter_content .paging_container span, .top_filter_content .paging_container #product_paging_footer_chosen {margin-right: 0;}

	#menu_leftcontent {width: 23%;}
	#menu_leftcontent + div.right {width: 72%;}
	#comparison table.column3 {width: 60%;}
	#comparison table.column4 {width: 80%;}
	#comparison table.column5, #comparison table.column6 {width: 100%;}

	html.w1_com .topbar #txt_worldwide_delivery {display: none;}
	html.w1_com .topbar #txt_free_shipping {margin-left: 20px;}
}
@media screen and (min-width:1px) and (max-width: 1273px) {
	ul.topmenu {margin-top: 3px;}
	html.w1_com  ul.topmenu {margin-top: 0;}
}
@media screen and (min-width:1px) and (max-width: 1220px) {
	.partnerbar {font-size: 1rem;}
	.products > div.sale:before {font-size: 1.5rem; line-height: 13px; padding: 13.5% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.5rem; line-height: 13px; padding: 17.5% 0 0 0;}
	/* Turn off hover animations on product overview */
	.products > div:hover img {transform: none; transition: none;}
	.products > div:hover a span {background: initial; color: initial; transform: none; transition: none;}
	.products > div:hover a span:last-child:after {-webkit-transform: none; transform: none; left: initial; width: initial;}
	.products > div:hover .pr_block {font-size: inherit;}
	.products > div a span:last-child:after {display: none;}

	h3.long {line-height: 2.6rem; overflow: visible; width: 100%;}
	h3.long:before, h3.long:after {display: none;}
	#search_box input[type="text"]:focus, .newsletter input[type="text"]:focus {width: 220px;}
	#comparison table.column2 {width: 40%;}
}
@media screen and (min-width:1px) and (max-width: 1180px) {
	.topbar .check {display: none;}
	html.w1_com .topbar .check {display: block;}
	html.w1_com .topbar #header_keypoint3 {display: none;}
}
@media screen and (min-width:1px) and (max-width: 1152px) {
	.partnerbar .logo {left: 10px;}
	h5 {font-size: 1.7rem; line-height: 2rem; transition: font-size 0.5s;}
	.keypoints_home > div > div {font-size: 1.4rem; line-height: 1.7rem;}
	.keypoints_home > div > div > div {padding: 10px 10px 0 44px;}
	.inner_footer .viewport-max:before, .inner_footer .viewport-max .alt {visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 1s;}
	#search_box input[type="text"]:focus, .newsletter input[type="text"]:focus {width: 300px;}
	#main_content_container {padding-bottom: 20px;}
	.columnlayout {columns: initial !important;}
	#news_block article div {max-height: 465px !important;}
	#news_block article:nth-last-child(n+2) {padding: 0 35px 40px 35px;}
	.products > div {font-size: 2.2rem; }
	.products > div a span {line-height: 2.6rem;}
	.products > div a span:last-child {height: 5.2rem;}
	.products > div.sale:before {font-size: 1.4rem; line-height: 12px; padding: 13% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.4rem; line-height: 12px; padding: 17% 0 0 0;}
	#product_page {font-size: 1.8rem; transition: font-size 0.5s;}
	#product_page .productspec_intro table tr td:first-child {width: 40%;}
	#product_intro h1 {white-space: normal; line-height: 3.4rem;}
	html.w1_com #product_intro h1 {line-height: 4.5rem;}
	#product_intro h1:before, #product_intro h1:after {display: none;}
	#product_page .keypoints > div.h {display: none;}
	#product_page .keypoints > div {width: 33.3%;}
	#product_page .keypoints > div > div {padding: 4px 4px 0 36px; font-size: 1.3rem;}
	#product_page .keypoints > div > div h5 {font-size: 1.5rem; line-height: 1.7rem; font-weight: bold;}
	html.w1_com #product_page .keypoints > div > div h5 {font-size: 1.8rem; line-height: 1.9rem; font-weight:normal;}
	#price_container > div {display: block; height: auto;}
	html.w1_com #price_container > div {display: inline-block;}
	#price_container > div:first-child, #price_container > div:nth-child(2) {width: 67%;}
	.winkelmandje tr td:nth-child(5) span, .winkelmandje tfoot tr.btw td:nth-child(2) span, .winkelmandje tfoot tr.totaal td:nth-child(2) span {left: 0;}
	.faq .block {width: 95%; margin: 0;}
}
@media screen and (min-width:1px) and (max-width: 1067px) {
	.middle_banner > div > div {display: none;}
	.middle_banner > div > div:first-child {display: inline-block; width: 100%; margin: 0;}
	.products > div.sale:before {font-size: 1.3rem; line-height: 9px; padding: 14% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.3rem; line-height: 9px; padding: 18% 0 0 0;}
	#giftcards.products > div .image span {font-size: 4.8rem;}
	html.w1_com .topbar .check {display: none;}
}
@media screen and (min-width:1px) and (max-width: 1010px) {
	ul.topmenu > li label {padding: 0 8px;}
	ul.topmenu > li label:after {right: 12px;}
	#comparison table.column2 {width: 50%;}
	#comparison table.column3 {width: 75%;}
	html.w1_com .homepage_text .fourcolumn {column-count: 2;}
}
@media screen and (min-width:1px) and (max-width: 957px) {
	.rightcontent {width: 100%; margin-left: 0; margin-left: 30px; width: calc(100% - 30px); }
	.leftfilter {position: absolute; left: -343px; padding-left: 20px; overflow-y: auto; overflow-x: hidden; border-right: 3px solid #0f4772; }
	.leftfilter.open {left: -20px;}
	#btn_slider { display: block; left: -100px;}
	#btn_slider.open {left: 220px;}
	.leftfilter, #btn_slider {transition: left 0.5s;}
	.products > div.sale:before {font-size: 1.5rem; line-height: 13px; padding: 13.5% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.5rem; line-height: 13px; padding: 17% 0 0 0;}
}
@media screen and (min-width:1px) and (max-width: 950px) {
	.keypoints_home > div > div {width: 33.333%;}
	.keypoints_home > div > div.h {display: none;}
	.keypoints_home > div > div.h + div {border-left: none;}
	#comparison table.column4 {width: 100%;}
}
@media screen and (min-width:1px) and (max-width: 910px) {
	/* Here the mobile menu activates */
	body {overflow-x: hidden;} /* moved to here on 05/02/2017 */
	h1 {font-size: 3rem; line-height: 3.6rem; transition: font-size 0.5s;}
	h2 {font-size: 2.0rem; transition: font-size 0.5s;}
	h3 {font-size: 2.2rem; line-height: 2.7rem; transition: font-size 0.5s, line-height 0.5s;}
	h3.ln:before {right: 2rem;}
	h3.ln:after {left: 2rem;}
	.newsletter {text-align: center;}
	.newsletter input[type="text"] { width: 60%;}
	.newsletter .nieuwsbrief_field {width: 100%;}
	.newsletter .nieuwsbrief_field:before {left: 8%;}
	.inner_footer {text-align: center; font-size: 1.7rem; line-height: 2.8rem;}
	.inner_footer .column {min-width: 200px;}
	.inner_footer .column h4 {font-size: 2.3rem;}
	.lang_box, ul.topmenu, .newsletter label {display: none;}
	#main_content_container, .removetopm {margin-top: 0;}
	#btn_resmenu {display: block;}
	#marquee {line-height: 90px; height: 90px; margin-bottom: 20px;}
	#search_box {margin-right: 70px; width: calc(100% - 390px); max-width: 300px;}
	html.w1_com #search_box {margin-right: 100px; width: calc(100% - 390px); max-width: 300px;}
	#search_box input[type="text"] {width: 100%;}
	#zoek_btn {position: absolute; left: initial; top: 18px; right: -44px;}
	html.w1_com	#zoek_btn {position: absolute; left: unset; top: 20px; right: -62px;}
	.search_suggestion {width: calc(100% + 50px); margin-top: 0;}
	html.w1_com .search_suggestion {width: calc(100% + 69px);}
	#search_box input[type="text"]:focus {width: 100%;}
	html.w1_com #search_box input[type="text"]:focus {width: 320px;}
	.partnerbar {direction: initial; height: 40px; transition: height 0.5s;}
	.partnerbar .logo {left: initial; top: initial; width: 100%; text-align: center;}
	.partnerbar .logo img {width: 90%; max-width: 326px; height: auto;}
	.partnerbar .l {display: none;}
	ul.topmenu > li a, ul.topmenu > li label {font-size: 2.2rem;}
	ul.topmenu .sub .leftitems {width: 100%;}
	#brand_menu .brands_by_name span {white-space: nowrap;}
	#inner_wrap.responsive {margin-left: 74%;}
	#left_menu_container.left {left: -74%; width: 74%;}
	#left_menu_container.left .lang_box #lang_toggle_label {margin-right: 40px; padding-left: 47px; font-size: 1.8rem; background-size: 26px 26px;}
	#left_menu_container.left .lang_box #lang_toggle_label:after {width: 40px; right: -41px;}
	#left_menu_container.left #lang_menu a {font-size: 1.8rem; padding-left: 47px; background-size: 23px 23px;}
	.products.full > div {width: 28.63%; margin: 20px 2.35%;}
	.products.full > div:nth-child(n+4) {display: none;}
	#giftcards.products > div {width: 47.5%; margin: 20px 1.25%;}
	#giftcards.products > div:nth-child(n+4) {display: inline-block;}
	#news_block h2 {padding: 0 0 0 20px;}
	#news_block article {width: 100%; padding: 0 20px 40px 20px !important;}
	#news_block article h3 {font-size: 2.2rem;}

	#product_intro_container, #product_photo_container {width: 100%;}
	#product_page h1 + div {padding-right: 0;}
	.outer_photo_nav {display: inline-block; width: 35%; vertical-align: top;}
	.photo_container {display: inline-block; width: 65%; vertical-align: top;}
	#product_photo_container {margin: 0 0 20px 0;}
	#product_photo_container .photo_nav {width: 100%;}
	#product_photo_container .photo_nav > div > div {width: 100%;}
	#product_photo_container .outer_photo_nav .button {display: block;}
	#product_photo_container .outer_photo_nav .button.left {margin: 0 auto 10px auto; transform: rotate(90deg);}
	#product_photo_container .outer_photo_nav .button.right {margin: 10px auto 0 auto; transform: rotate(-90deg);}
	#product_photo_container .photo_nav img {display: block; width: 80%; max-width: none; margin: 0 auto 20px auto;}
	#product_intro_container .text {max-height: 9rem;}
	#product_intro_container .text img {float: right; margin: 5px 0 0 10px;}
	.productspec_intro {display: none;}
	#product_text_toggle:checked + div {max-height: 48rem;}
	#product_page .keypoints > div > div {padding: 8px 30px 0 40px; font-size: 1.4rem;}
	#product_page .keypoints > div > div h5 {font-size: 1.7rem; line-height: 1.9rem; font-weight: normal;}
	#social_container {width: 78px;}
	#social_container a {left: 0;}
	.order_button {margin-bottom: 20px;}

	#menu_leftcontent {width: 28%;}
	#menu_leftcontent + div.right {width: 67%;}

	html.w1_com .sub {transition: none; transform: none;}
	html.w1_com .toggler:checked + .sub, html.w1_com .toggler:checked + label + .sub, html.w1_com ul.topmenu > li {transition: none; transform: none;}
	html.w1_com .topmenu .sub, html.w1_com ul.topmenu > li.a {border-radius: 0; margin-top: 0; margin-right: 0;}
}
@media screen and (min-width:1px) and (max-width: 800px) {
	.newsletter .nieuwsbrief_field:before, #zoek_btn {display: none;}
	html.w1_com .topbar {height: 130px;}
	html.w1_com	#search_box {margin-top: 10px; width: calc(70% - 20px); max-width: calc(70% - 20px); transition: all 0.5s; margin: 0 auto; float: none;}
	html.w1_com #search_box input[type="text"] {width: 100%; padding: 0 0 0 20px; margin-left: -10px;}
	html.w1_com #search_box input[type="text"]:focus {width: 100%;}
	html.w1_com #zoek_btn {display: block;	top: 86px; right: 0;}
	html.w1_com .search_suggestion {width: calc(100% + 19px); margin-left: -10px;}

	.newsletter input[type="text"] {padding: 0 110px 0 12px;}
	.products > div.sale:before {font-size: 1.4rem; line-height: 12px; padding: 13% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.4rem; line-height: 12px; padding: 17% 0 0 0;}
	#product_page .keypoints > div {width: 50%;}
	#product_page .keypoints > div:nth-child(3) {border-left: 0;}
	#product_page .keypoints > div.h {display: inline-block;}
	.threecolumn_layout > div {width: 100%; margin-left: 0;}
	.threecolumn_layout h4 {margin-top: 40px;}
	.threecolumn_layout h4#title_yourdetails {margin-top: 0;}
	.winkelmandje thead tr td:nth-child(4), .winkelmandje tbody tr td:nth-child(4) {white-space: normal; font-size: 0; line-height: 0;}
	.winkelmandje thead tr td:nth-child(5), .winkelmandje tbody tr td:nth-child(5), .winkelmandje tfoot tr.subtotaal td:nth-child(5), .winkelmandje tfoot tr.btw td:nth-child(2), .winkelmandje tfoot tr.totaal td:nth-child(2) {padding-right: 0;}
	.winkelmandje tr td:nth-child(2) {display: none;}
	.winkelmandje tfoot tr.subtotaal td:nth-child(5), .winkelmandje tfoot tr.btw td:nth-child(2), .winkelmandje tfoot tr.totaal td:nth-child(2) {display: table-cell;}
	#comparison table.column2 {width: 65%;}
	#comparison table.column3 {width: 100%;}
	html.w1_com h1 {white-space:normal;}
	html.w1_com .homepage_text .fourcolumn {column-count: 1;}
	html.w1_com #news_block article {width: 97%; margin: 0 1.5% 25px 1.5%;}
	html.w1_com #news_block article:nth-child(2) {margin: 0 1.5% 25px 1.5%; margin-left: 1.5%;}
}
@media screen and (min-width:1px) and (max-width: 737px) {
	.products > div {width: 47.5%; margin: 0 1.25% 30px 1.25%;}
	.products > div.sale:before {font-size: 1.7rem; line-height: 17px; padding: 13% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.7rem; line-height: 17px; padding: 16.5% 0 0 0;}
	#menu_leftcontent {width: 100%; margin-bottom: 30px;}
	#menu_leftcontent + div.right {width: 100%;}
	.faq .block {width: 100%; margin: 0;}
}
@media screen and (min-width:1px) and (max-width: 668px) {
	#main_content_container {font-size: 1.9rem; line-height: 2.2rem; padding: 0 10px 20px 10px; transition: all 1s;}
	#product_intro_container {margin-left: 0;}
	#product_page h1 ~ div a {display: block;}
	.leftfilter {left: -333px;}
	.leftfilter.open {left: -10px;}
	#btn_slider {left: -95px; font-size: 2rem; height: 30px; line-height: 30px;}
	#btn_slider.open {left: 227px;}
	table td .redx {width: 18px; height: 18px; bottom: 1px;}
	#price_container #shipping_result div, #price_container .ic_warranty {font-size: 1.4rem;}
	.page_basket .chosen-container {width: 100% !important; max-width: 250px;}
}
@media screen and (min-width:1px) and (max-width: 625px) {
	h1 {font-size: 2.4rem; line-height: 2.8rem;}
	h2 {font-size: 1.8rem;}
	h3.ln:before, h3.ln:after {display: none;}
	.newsletter label {display: block; margin: 3px 0 0 0; font-size: 1.9rem; text-align: center;}
	.newsletter input[type="text"] {font-size: 2rem; margin: 0;}
	.inner_footer {font-size: 2.1rem; line-height: 3.4rem; padding-bottom: 20px;}
	.inner_footer .column, html.w1_com .inner_footer .column {width: 100%; text-align: center;}
	#btn_basket {margin: 0 10px 0 0; transition: margin 0.5s;}
	#search_box {margin-right: 70px; width: calc(100% - 358px); transition: all 0.5s;}
	.products h2 {white-space: normal; text-align: left; line-height: 2.2rem; margin-bottom: 0; margin-top: 40px; max-height: 53px;}
	.products h2:after {left: 0; margin-top: -16px;}
	.products > div {font-size: 1.7rem;}
	.products > div a span {line-height: 2.2rem;}
	.products > div a span:last-child {height: auto; min-height: 2.2rem;}
	.products > div.sale:before {font-size: 1.5rem; line-height: 13px; padding: 13.5% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.5rem; line-height: 13px; padding: 17% 0 0 0;}
	.products.full > div {width: 45.3%; margin: 20px 2.35%;}
	.products.full > div:nth-child(n+4) {display: inline-block;}
	.products.full > div:nth-child(n+5) {display: none;}
	.keypoints_home > div > div {width: 50%; font-size: 1.4rem; line-height: 1.6rem;}
	.keypoints_home > div > div:nth-last-child(n+3) {border-bottom: 3px solid #a0a0a0;}
	html.w1_com	.keypoints_home > div > div:nth-last-child(n+3), html.w1_com .keypoints_home > div > div.h + div {border-bottom: none; border-left: none;}
	.keypoints_home > div > div.h {display: inline-block;}
	.keypoints_home > div > div > div {padding: 10px 4px 0 24px; background-position: -8px -8px; background-size: 30px;}
	.keypoints_home > div > div.h + div {border-left: 3px solid #a0a0a0;}
	.keypoints_home > div > div:nth-child(3) {border-left: none;}
	#product_page .keypoints > div > div {padding: 4px 4px 0 36px; font-size: 1.3rem;}
	#product_page .keypoints > div > div h5 {font-size: 1.5rem; line-height: 1.7rem; font-weight: bold;}
	.middle_banner > div > div {display: inline-block; width: 100%;}
	.middle_banner > div > div:first-child {display: none;}
	.winkelmandje tr.btw td {display: table-cell !important;}
	.winkelmandje tr td:nth-child(4), .winkelmandje tr td:nth-child(5), .winkelmandje tfoot tr td:nth-child(2) {width: auto; padding-right: 10px; padding-left: 0;}
	.winkelmandje tr td:nth-child(4) span, .winkelmandje tr td:nth-child(5) span, .winkelmandje tfoot tr td:nth-child(2) span {position: relative; display: inline;}
	.winkelmandje tfoot tr.subtotaal td:nth-child(3) a {display: none;}

	#product_specs thead tr td {font-size: 1.7rem; padding-left: 10px; transition: font-size 0.5s, padding-left 0.5s;}
	#product_specs tbody tr td {font-size: 1.4rem;}
	#product_specs tbody tr td:first-child {padding-left: 10px;}
	html.w1_com	#search_box {width: calc(90% - 20px); max-width: calc(90% - 20px);}

	#price_container > div {width: 100% !important; padding: 6px 0 6px 10px}
	#price_container > div {border-bottom: 3px solid #a0a0a0;}
	html.w1_com	#price_container > div {border-bottom:none;}
	#price_container > div:nth-child(3) {position: relative; border-bottom: none;}
	#price_container .ic_pricebanner ~ div span {margin-top: 5px;}
	#order_button {width: calc(100% - 200px);}
	#review_container > div .ratings div {width: 50%; margin-bottom: 16px; min-height: 44px; background-size: 110px;}
	#review_container > div .ratings div:nth-child(3) {width: 100%;}
	#comparison table.column2 {width: 80%;}
	html.w1_com .order_button {width: 170px;}
	html.w1_com #order_button {font-size: 2.2rem;}
	html.w1_com .ic_pricebanner, html.w1_com #pr_overcontainer {width: 175px;}
	html.w1_com .price_outercontainer {margin: -90px 0 0 200px;}
	html.w1_com #compare_container {margin: 20px 0 0 200px}
	html.w1_com #price_container .chosen-container {width: 200px !important;}
	html.w1_com #pr_overcontainer {text-align: left;}
}
@media screen and (min-width:1px) and (max-width: 530px) {
	.products > div.sale:before {font-size: 1.3rem; line-height: 9px; padding: 14% 0 0 5px;}
	.products > div.sale2:before {font-size: 1.3rem; line-height: 9px; padding: 18% 0 0 0;}
	#order_button {padding-right: 10px; font-size: 2.2rem; text-align: right;}
}
@media screen and (min-width:1px) and (max-width: 480px) {
	#main_content_container {font-size: 1.7rem; line-height: 2rem;}
	#search_box {position: static;}
	#search_box input[type="text"] {margin: 10px 0 0 7px;}
	html.w1_com	#search_box {position: relative;}
	html.w1_com #search_box input[type="text"] {margin: 15px 0 0 -10px;}

	#search_box input[type="text"].boxborder {border-radius: 16px;}
	html.w1_com #search_box input[type="text"].boxborder {border-top-left-radius: 20px; border-top-right-radius: 20px;}
	.search_suggestion {position: absolute; width: 100%; margin-top: 15px;}
	.topbar {height: 112px;}
	#search_box {width: 100%;}

	#comparison table.column2 {width: 100%;}
}
@media screen and (min-width:1px) and (max-width: 450px) {
	.products > div.sale:before {font-size: 1.3rem; line-height: 66px; padding: 0 0 0 5px; overflow: hidden;}
	.products > div.sale2:before {font-size: 1.3rem; height: 20%; line-height: 82px; padding: 0 0 0 0; overflow: hidden;}
}
@media screen and (min-width:1px) and (max-width: 410px) {
	h1 {white-space: normal;}
	h1:before, h1:after {display: none;}
	.keypoints_home > div > div, #product_page .keypoints > div {width: 100%;}
	.keypoints_home > div > div {font-size: 1.5rem; line-height: 1.8rem;}
	.keypoints_home > div > div > div {background-position: -12px -12px; background-size: 48px; padding: 12px 30px 0 48px;}
	#product_page .keypoints > div {border-left: none; border-bottom: 3px solid #a0a0a0;}
	#product_page .keypoints > div > div {padding: 8px 30px 0 40px; font-size: 1.4rem;}
	#product_page .keypoints > div > div h5 {font-size: 1.7rem; line-height: 1.9rem; font-weight: normal;}
	.products > div.sale:before {line-height: 58px;}
	.products > div.sale2:before {line-height: 72px;}
	#giftcards.products > div .image span {font-size: 3.2rem;}
	.products > div .pr_block a, #comparison .pricerow td a:before {width: 40px; height: 40px;}
	.pr_block input[type="checkbox"] + label {width: 40px; height: 40px;}
	#order_button {text-align: right; padding-right: 10px; font-size: 2.2rem;}
}
@media screen and (min-width:1px) and (max-width: 380px) {
	.products > div.sale:before {line-height: 54px;}
	.products > div.sale2:before {line-height: 66px;}
}
@media screen and (min-width:1px) and (max-width: 350px) {
	.products > div.sale:before {font-size: 1.2rem; line-height: 48px;}
	.products > div.sale2:before {font-size: 1.2rem; line-height: 62px;}
}