* {
    margin: 0;
    padding: 0;
}
*, :before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    overflow-y: scroll;
    min-height: 100%;
    margin: 0 0 1px;
    font-size: 100.01%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    -ms-content-zooming: none;
}
body {
    min-height: 100%;
    background: #fafafa;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body, textarea, input, select, option, button {
    color: #818181;
    font-family: Muli, Arial, Helvetica, sans-serif;
    line-height: 2;
}
li, dt, dd, p, figure, th, td, caption, legend, pre {
    font-size: 15px;
}
li *, dt *, dd *, p *, figure *, th *, td *, legend * {
    font-size: 1em;
}
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend {
    margin-bottom: 15px;
}
article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
/*! Layout --------- */
#root {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 200px 0 0;
    background: #fff;
}
#top {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 9;
    width: 1202px;
    height: 200px;
    margin: 0 0 0 -601px;
    border-top: 45px solid #fafafa;
    border-bottom: 1px solid #f6f6f6;
    background: #fff;
}
#root #top:before {
    top: -45px;
    bottom: -1px;
    border-bottom: 1px solid #f6f6f6;
    border-top: 45px solid #fafafa;
    background: #fff;
}
#logo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 47px;
    z-index: 2;
    width: 215px;
    margin: 0;
    font-size: 68px;
}
#logo a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #f2b221;
    line-height: 68px;
    text-indent: -30000px;
    text-align: left;
    text-decoration: none;
}
#logo a:before, #logo a:after {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: -34px 0 0;
    font-family: i;
    font-weight: 400;
    text-indent: 0;
}
#logo a:before {
//content: "\e905";
}
#logo a:after {
    content: "\e906";
    color: #352630;
}
#skip {
    position: fixed;
    top: 0;
    left: -10000px;
    z-index: 9;
}
#skip a:focus, #skip a:active {
    display: block;
    position: absolute;
    left: 10000px;
    top: 0;
    z-index: 10001;
    width: 200px;
    margin: 15px 0 0 15px;
    padding: 4px 8px;
    background: #333;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}
#nav {
    position: absolute;
    left: -1000px;
    bottom: 0;
    right: -1000px;
    z-index: 3;
    padding: 0 1000px;
    border-top: 1px solid #f6f6f6;
}
#nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav > ul > li {
    float: left;
    margin: 0 42px 0 0;
    font-size: 14px;
}
#nav > ul > li.sub {
    margin-right: 28px;
}
#nav > ul > li > a {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    height: 45px;
    color: #484747;
    font-weight: 600;
    line-height: 45px;
    text-decoration: none;
    text-transform: uppercase;
}
#root #nav > ul > li.active > a {
    color: #484747;
    font-weight: 700;
}
#nav > ul > li.sub > a {
    padding-right: 14px;
}
#nav > ul > li.sub > a:before, #up > ul > li.sub > a:before, #middle > ul > li.sub > a:before {
    content: "\e910";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -5px 0 0;
    color: #000;
    font-size: 4px;
    font-weight: 400;
    line-height: 10px;
    font-family: i;
}
.mobile #nav > ul > li.sub > span.toggle {
    display: block;
    position: relative;
    z-index: 9;
    float: left;
    width: 14px;
    height: 45px;
    margin: 0 0 0 -14px;
    cursor: pointer;
}
#nav > ul > li.text-right {
    float: right;
    margin-right: 0;
    padding: 9px 0 0;
    font-size: 13.59px;
}
#nav > ul > li.text-right > a {
    padding: 0 19px;
    border-radius: 14px;
    background: #f2b221;
    height: 27px;
    color: #fff;
    font-weight: 800;
    line-height: 27px;
}
#nav > ul > li > div {
    visibility: hidden;
    position: absolute;
    left: 1000px;
    top: 100%;
    right: 1000px;
    border: 1px solid #f6f6f6;
    border-left-width: 0;
    background: #fff;
    text-align: center;
    opacity: 0;
}
#nav > ul > li > div > * {
    float: left;
    padding: 29px 35px 0;
    border-left: 1px solid #f6f6f6;
}
#nav > ul > li > div > *:hover {
    background: #fbfbfb;
}
/*#nav > ul > li > div > *:last-child {
    padding-left: 0;
    border-left-width: 0;
    background: none;
}*/
#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 {
    margin: 0 0 11px;
    color: #000;
    font-size: 14px;
    text-align: left;
}
#nav h1 a, #nav h2 a, #nav h3 a, #nav h4 a, #nav h5 a, #nav h6 a {
    color: #000;
}
#nav > ul > li > div ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
#nav > ul > li > div ul li {
    margin: 0 0 8px;
    font-size: 12px;
}
#nav > ul > li > div ul li a {
    color: #484747;
    font-weight: 400;
    text-decoration: none;
}
#nav > ul > li > div figure {
    margin-bottom: 10px;
}
#nav > ul > li > div .link-btn a {
    min-width: 202px;
}
#nav-shadow {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    background: rgba(0,0,0,.3);
    cursor: pointer;
    opacity: 0;
}
#middle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 8;
}
#middle > ul {
    list-style: none;
    margin: 0;
    padding: 32px 0 0;
}
#middle > ul > li {
    position: relative;
    float: left;
    height: 77px;
    margin: 0 34px 0 0;
    padding: 11px 0 0;
}
#middle > ul > li > a {
    display: block;
    position: relative;
    height: 23px;
    border-left: 0 solid #f6f6f6;
    color: #484747;
    line-height: 23px;
    text-decoration: none;
}
#middle > ul > li > a i {
    display: block;
    position: relative;
    z-index: 1;
    color: #484747;
    font-size: 18px;
    line-height: 23px;
}
#middle > ul > li > a i.icon-user {
    font-size: 19px;
}
#middle > ul > li > a i.icon-bag {
    padding-right: 8px;
    font-size: 22px;
}
#middle > ul > li.sub > a i.icon-bag {
    padding-right: 4px;
}
#middle > ul > li.sub > a i.icon-bag span {
    right: -4px;
}
#middle > ul > li > a i span {
    display: block;
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: -4px;
    min-width: 13px;
    height: 13px;
    border-radius: 7px;
    background: #f2b221;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 11px;
    text-align: center;
    font-family: Muli, Arial, Helvetica, sans-serif;
}
#middle > ul > li.sub > a {
    padding-right: 14px;
}
#middle > ul > li.sub > a:before {
    content: "\e914";
    color: #343b46;
    font-size: 4px;
}
#middle > ul > li.rating-custom {
    height: auto;
    margin-right: 63px;
    padding: 1px 0 0 57px;
}
#middle > ul > li > ul {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    background: #fff;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
}
#middle > ul > li > ul li {
    border-top: 1px solid #f6f6f6;
    font-size: 13px;
}
#middle > ul > li > ul li:first-child {
    border-top-width: 0;
}
#middle > ul > li > ul li a {
    display: block;
    padding: 10px 15px;
    color: #484747;
    font-weight: 400;
    text-decoration: none;
}
#middle > ul > li.cart > div {
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    list-style: none;
    width: 413px;
    max-height: calc(100vh - 154px);
    margin: 0;
    padding: 15px;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    background: #fff;
    color: #3f3f3f;
    opacity: 0;
}
#middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6 {
    position: relative;
    margin: 0;
    padding: 0;
    color: #3f3f3f;
    font-size: 14px;
    text-transform: none;
}
#middle h1 span, #middle h2 span, #middle h3 span, #middle h4 span, #middle h5 span, #middle h6 span {
    position: absolute;
    right: 0;
    top: 1px;
    font-weight: 400;
    font-size: .92857142857em;
}
#middle .cart p {
    margin: 0 0 8px;
    font-size: 13px;
}
#middle .cart p a {
    display: block;
    position: relative;
    float: right;
    padding: 8px 0 9px;
    color: #f2b221;
    font-weight: 400;
    line-height: 1.2;
}
#middle .cart p a:first-child {
    float: left;
}
#middle .cart p a.btn {
    padding-left: 44px;
    padding-right: 22px;
    border-radius: 3px;
    background: #88c441;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
#middle .cart p a.btn:before {
    content: "\e915";
    display: block;
    position: absolute;
    left: 22px;
    top: 50%;
    margin: -10px 0 0;
    font-family: i;
    font-size: 13px;
    line-height: 20px;
}
#up {
    position: absolute;
    left: 0;
    top: -45px;
    right: 0;
    z-index: 9;
    line-height: 45px;
}
#up > ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #484747;
}
#up > ul > li {
    position: relative;
    float: left;
    margin: 0 23px 0 0;
    font-size: 13px;
}
#up > ul > li a {
    display: block;
    position: relative;
    z-index: 1;
    border-left: 0 solid #f6f6f6;
    color: #484747;
    font-weight: 400;
    text-decoration: none;
}
#up > ul > li.sub > span.toggle, #middle > ul > li.sub > span.toggle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer;
}
#up > ul > li.sub > a {
    padding-right: 12px;
}
#up > ul > li > ul {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0 solid #f6f6f6;
    background: #fafafa;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
}
#up > ul > li > ul > li {
    border-top: 1px solid #eee;
}
#up > ul > li > ul > li a {
    overflow: hidden;
    position: relative;
    padding: 10px 15px 10px 10px;
}
#up > ul > li > ul > li a i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    color: #babac1;
    font-size: 13px;
    line-height: 35px;
    text-align: center;
}
#up > ul > li > ul > li a i.icon-blog, #mobile > ul.up > li > ul > li > a i.icon-blog {
    font-size: 10px;
}
#up > ul > li > ul > li a i.icon-phone, #mobile > ul.up > li > ul > li > a i.icon-phone {
    font-size: 11px;
}
#up > ul > li > ul > li a i.icon-user, #up > ul > li > ul > li a i.icon-user2, #mobile > ul.up > li > ul > li > a i.icon-user, #mobile > ul.up > li > ul > li > a i.icon-user2 {
    font-size: 14px;
}
#up > ul > li > ul > li a i.icon-checklist, #mobile > ul.up > li > ul > li > a i.icon-checklist {
    font-size: 16px;
}
#root #up > ul > li.lang {
}
#up > ul > li.lang > a {
    width: 37px;
    height: 45px;
    padding-top: 16px;
}
#up > ul > li.lang img {
    display: block;
    border-radius: 1px;
}
#up > ul > li.lang > ul a {
    width: 55px;
    padding: 10px;
    text-align: center;
}
#up > ul > li.lang > ul img {
    margin: 0 auto;
}
#up > ul:first-child {
    float: left;
}
#up > ul:first-child > li {
    margin-right: 28px;
    padding: 0 0 0 16px;
}
#up > ul:first-child > li:before, #root > .up.mobile-only li:before {
    content: "\e90f";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0;
    color: #88c441;
    font-family: i;
    font-weight: 400;
    font-size: 9px;
    line-height: 20px;
}
#up > a.tel {
    display: block;
    position: absolute;
    left: -3000em;
    top: 9px;
    float: left;
    padding: 0 19px;
    border-radius: 14px;
    border-left: 0 solid #f6f6f6;
    background: #f2b221;
    height: 27px;
    color: #fff;
    font-size: 13.59px;
    font-weight: 800;
    line-height: 27px;
}
#top > form {
    position: absolute;
    left: 375px;
    top: 34px;
    z-index: 8;
    width: 386px;
}
#top > form:before {
    content: "";
    display: block;
    position: absolute;
    left: -105px;
    top: 50%;
    width: 54px;
    height: 60px;
    margin: -30px 0 0;
    background: url(thuiswinkel-waarborg-2.svg) 0 center no-repeat;
    background-size: 100% auto;
}
#top > form p {
    margin: 0;
    font-size: 12px;
}
#top > form a.remove {
    display: block;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    width: 48px;
    height: 38px;
    color: #e9edee;
    font-size: 14px;
    text-decoration: none;
    opacity: 0;
}
#top > form a.remove:before {
    content: "\e903";
}
#top > form input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 45px;
    border-radius: 3px;
    color: #333;
    font-size: 1em;
}
#top > form input::-webkit-input-placeholder {
    color: #b8b8b8;
}
#top > form input:-ms-input-placeholder {
    color: #b8b8b8;
}
#top > form input::-ms-input-placeholder {
    color: #b8b8b8;
}
#top > form input::placeholder {
    color: #b8b8b8;
}
#top > form.toggle input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#top > form button {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #f2b221;
    font-size: 15px;
    text-align: left;
    text-indent: -3000em;
}
#top > form button:before {
    content: "\e900";
}
#top > form .list-cart {
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    max-height: calc(100vh - 119px);
    padding: 0 16px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #eee;
    border-top-width: 0;
    background: #fff;
    opacity: 0;
}
#top > form .list-cart .img span {
    left: -16px;
}
#top > .menu, #top > .search {
    display: block;
    position: absolute;
    right: 0;
    top: -100px;
    z-index: 999;
    width: 50px;
    height: 49px;
    border-left: 1px solid #f6f6f6;
    color: #484747;
    font-size: 16px;
    cursor: pointer;
}
#top > .menu:before {
    content: "\e917";
}
#top > .search {
    right: 100px;
}
#top > .search:before {
    content: "\e900";
}
#mobile {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    z-index: 100000;
    width: 100%;
    margin: 0;
    background: #fff;
    line-height: 1.55;
}
#mobile {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
#mobile > h1, #mobile > h2, #mobile > h3, #mobile > h4, #mobile > h5, #mobile > h6 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0 0 0 59px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 88px;
    text-transform: uppercase;
    cursor: pointer;
}
#mobile > h1:before, #mobile > h2:before, #mobile > h3:before, #mobile > h4:before, #mobile > h5:before, #mobile > h6:before {
    content: "";
    display: block;
    position: absolute;
    right: 90px;
    top: 0;
    bottom: 0;
    width: 74px;
    background: url(thuiswinkel-waarborg.svg) 0 center no-repeat;
    background-size: 100% auto;
}
#mobile:before, #mobile:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    color: #1d1d1b;
    font-family: i;
    font-weight: 400;
    line-height: 88px;
}
#mobile:before {
    content: "\e90d";
    padding: 0 20px;
    font-size: 16px;
    text-align: left;
}
#mobile:after {
    content: "\e91f";
    padding: 0 24px;
    font-size: 17px;
    text-align: right;
}
#mobile > ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mobile > ul > li {
    position: relative;
    float: none;
    margin: 0;
    border-top: 1px solid #e0e0e0;
    font-weight: 600;
    font-size: 14px;
}
#mobile > ul > li:nth-child(2n-1), #mobile > ul.up > li > ul > li:nth-child(2n-1) {
    background: #fafafa;
}
#mobile > ul > li:nth-child(2n-1) > a {
    color: #484747;
}
#mobile > ul > li > a {
    display: block;
    position: relative;
    z-index: 1;
    float: none;
    padding: 14px 50px 14px 25px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
}
#mobile > ul > li > .toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 59px;
    height: 50px;
    cursor: pointer;
}
#mobile > ul > li > .toggle:before {
    content: "\e90c";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin: -10px 0 0;
    color: #333a45;
    font-family: i;
    font-size: 7px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}
#mobile > ul > li > .toggle:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#mobile > ul > li > div {
    overflow: hidden;
    padding: 3px 0 8px 34px;
}
#mobile > ul > li > div h1, #mobile > ul > li > div h2, #mobile > ul > li > div h3, #mobile > ul > li > div h4, #mobile > ul > li > div h5, #mobile > ul > li > div h6 {
    position: relative;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #e0e0e0;
    color: #eb82a1;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}
#mobile > ul > li > div h1:before, #mobile > ul > li > div h2:before, #mobile > ul > li > div h3:before, #mobile > ul > li > div h4:before, #mobile > ul > li > div h5:before, #mobile > ul > li > div h6:before {
    content: "\e910";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 59px;
    color: #333a45;
    font-family: i;
    font-weight: 400;
    font-size: 7px;
    line-height: 50px;
    text-align: center;
}
#mobile > ul > li > div > *:first-child h1, #mobile > ul > li > div > *:first-child h2, #mobile > ul > li > div > *:first-child h3, #mobile > ul > li > div > *:first-child h4, #mobile > ul > li > div > *:first-child h5, #mobile > ul > li > div > *:first-child h6, #mobile > ul > li > div ul li:first-child a, #mobile > ul > li > ul > li:first-child a {
    border-top-width: 0;
}
mobile > ul > li > div div.toggle h1:before, #mobile > ul > li > div div.toggle h2:before, #mobile > ul > li > div div.toggle h3:before, #mobile > ul > li > div div.toggle h4:before, #mobile > ul > li > div div.toggle h5:before, #mobile > ul > li > div div.toggle h6:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#mobile .link-btn {
    margin: 0 0 14px;
    padding: 8px 0 0;
}
#mobile > ul > li > div, #mobile ul.up > li > a, #mobile ul.up > li > span.toggle {
    position: absolute;
    left: -3000em;
    top: 0;
}
#mobile > ul > li > div ul {
    position: absolute;
    left: -3000em;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 3px 0 8px;
}
#mobile > ul > li > div ul li {
    padding: 0 0 0 34px;
    font-size: 14px;
}
#mobile > ul > li > div ul li a {
    display: block;
    padding: 5px 0;
    border-top: 1px solid #e0e0e0;
    color: #eb82a1;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
#mobile > ul > li > div .toggle ul, #mobile > ul > li.toggle > div {
    position: relative;
    left: 0;
}
#mobile > ul > li > ul {
    list-style: none;
    margin: 0;
    padding: 3px 0 8px 34px;
}
#mobile > ul > li > ul > li {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
#mobile > ul > li > ul > li > a {
    display: block;
    position: relative;
    padding: 13px 0;
    border-top: 1px solid #e0e0e0;
    color: #eb82a1;
    font-weight: 400;
}
#root #mobile > ul.up + ul.up {
    position: relative;
    left: 0;
    top: 0;
}
#mobile > ul.up {
    margin-top: auto;
}
#mobile > ul.up > li {
    border: 0;
}
#mobile > ul.up > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}
#mobile > ul.up > li > ul > li {
    font-size: 14px;
}
#mobile > ul.up > li > ul > li > a {
    padding: 12px 25px 12px 50px;
    border-width: 0;
    color: #343b46;
    text-transform: none;
}
#mobile > ul.up > li > ul > li > a i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    margin: -10px 0 0;
    color: #babac1;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}
#mobile li.lang {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
#mobile li.lang a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 12px 25px 12px 50px;
    color: #343b46;
    font-weight: 400;
}
#mobile li.lang a img {
    display: block;
    position: absolute;
    left: 21px;
    top: 18px;
}
#shadow {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(9,9,9,.54);
    opacity: 0;
    cursor: pointer;
}
#root > .up.mobile-only {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 5px 0 9px;
    color: #484747;
    text-align: center;
}
#root > .up.mobile-only li {
    position: relative;
    padding: 0 0 0 16px;
    font-size: 13px;
}
#root > .up.mobile-only .item li {
    display: inline-block;
}
#root > .up.mobile-only li a {
    display: block;
    color: #484747;
    text-decoration: none;
}
#content {
    position: relative;
    z-index: 2;
    width: 1202px;
    margin: 0 auto;
    padding: 5px 0 0;
    background: #fff;
}
#content > *:last-child {
    margin-bottom: 60px;
}
#footer {
    position: relative;
    z-index: 1;
    width: 1202px;
    margin: 0 auto;
    padding: 47px 0 0;
    color: #333;
}
#footer:before {
    background: #fafafa;
}
#footer nav {
    position: relative;
    margin-left: -40px;
    padding: 0 0 5px;
}
#footer nav > * {
    float: left;
    width: 25%;
    padding: 0 0 28px;
    border-left: 40px solid rgba(0,0,0,0);
}
#footer nav > form {
    width: 50%;
}
#footer nav > form + * {
    clear: both;
}
#footer nav:before {
    content: "\e916";
    display: block;
    overflow: hidden;
    position: absolute;
    right: -35px;
    top: -164px;
    bottom: 0;
    color: #faf3f5;
    font-size: 828px;
    font-weight: 400;
    font-family: i;
    line-height: 828px;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
    margin: 0 0 18px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
#footer p, #footer ul {
    position: relative;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
#footer p a, #footer li a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
}
#footer p a[href*="tel"] {
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 6px 19px 5px;
    border-radius: 12px;
    background: #f2b221;
    color: #fff;
    font-size: 13.59px;
    font-weight: 800;
    line-height: 1.1;
}
#footer p, #footer li {
    margin-bottom: 8px;
    font-size: 13px;
}
#footer p {
    margin-bottom: 11px;
}
#footer > ul {
    margin: 0;
    padding: 36px 0;
    border-top: 1px solid #eee;
    background: url(payments.png) 100% center no-repeat;
    background-size: auto 30px;
    color: #646464;
}
#footer > ul li {
    float: left;
    margin: 0 27px 0 0;
    color: #646464;
}
#footer > ul li a {
    color: #646464;
}
#footer form {
}
#footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 {
    margin-bottom: 16px;
}
#footer form p {
    max-width: 526px;
    margin: 0 0 14px;
}
#footer form p:last-child {
    padding-right: 165px;
}
#footer form input {
    display: block;
    width: 100%;
}
#footer button {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 154px;
    height: 43px;
    padding-top: 0;
    padding-bottom: 0;
}
#root > .totop {
    display: block;
    position: absolute;
    right: 67px;
    bottom: 67px;
    z-index: 8;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #f2b221;
    coloR: #fff;
    font-size: 8px;
    text-decoration: none;
    text-align: left;
    text-indent: -3000em;
}
#root > .totop:before {
    content: "\e90c";
}
#root > .totop:before {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}
#cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}
#cookie.toggle {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
#cookie:before {
    content: "";
    display: block;
    position: absolute;
    left: -1000em;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 3000em;
    background: rgba(0,0,0,.5);
}
#cookie > * {
    position: relative;
    z-index: 2;
}
#cookie a {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 11px 0;
    color: #fff;
    text-decoration: none;
    opacity: .7;
}
#cookie a:last-child {
    margin-right: 0;
}
#cookie a:after {
    content: " »";
}
#cookie a.close {
    padding: 11px 30px;
    background: #707070;
    opacity: 1;
}
#cookie a.close + * {
    margin-left: 30px;
}
body:before, body:after {
    content: "";
    display: block;
    position: fixed;
    visibility: hidden;
    opacity: 0;
}
body:before {
    left: -100px;
    top: -100px;
    right: -100px;
    bottom: -100px;
    z-index: 99;
    background: rgba(255,255,255,.9);
}
body:after {
    left: 50%;
    top: 50%;
    z-index: 100;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 100px;
    border: 3px solid #ededed;
    border-left-color: #e40428;
}
body:after {
    -webkit-animation: spin .75s infinite linear;
    animation: spin .75s infinite linear;
}
/*! Repeatable --------- */
/* clear */
#content:after, #top:after, #footer:after, form p:after, .cols-a:after, #footer nav:after, #footer ul:after, .social-a:after, .cols-a:after, .list-collection:after, .module-a:after, #up > ul:after, #up:after, #nav:after, #nav > ul:after, #middle:after, #middle > ul:after, #nav > ul > li:after, .gallery-a:after, #middle > ul > li > div:after, #middle div p:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}
/* fill */
.thuiswinkel-waarborg a, .list-blog p.label a:before, .list-collection li:before, .rating-custom a:before, .gallery-a .bg, .gallery-a a, .list-cart a:before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    text-indent: -3000em;
}
/* wide */
#footer:before, #top:before {
    content: "";
    display: block;
    position: absolute;
    left: -1000em;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 3000em;
}
/* icon */
#root > .totop:before, .list-logo .bx-prev:before, .list-logo .bx-next:before, .list-collection a.like:before, #top > form a.remove:before, #top > form button:before, #footer button:before, #top > .menu:before, #top > .search:before, #up > a.tel:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin: -10px 0 0;
    font-weight: 400;
    font-family: i;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
}
/* index */
#footer > *, #footer nav > *, .list-collection li > *, .module-a > *, .gallery-a li > *, .gallery-a a > * {
    position: relative;
    z-index: 3;
}
/* center * {
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
/* centerY */
.gallery-a li.wide > span, .gallery-a li.wide a > span, .list-cart .price, .list-cart .qty {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* centerX * {
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
}
/* no trans */
#root .gallery-a .bg, .list-cart.a .price, #mobile > ul > li.toggle > .toggle:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
/* show */
.no-mobile .list-collection li:hover:before, .no-mobile .list-collection li:hover a.like, #up > ul > li.toggle > ul, #top > form.full a.remove, #middle > ul > li.toggle > ul, .drop-active #nav-shadow, .mobile #nav > ul > li.toggle > div, .no-mobile .list-collection li:hover form, .mobile .list-collection a.like, .cart-active #middle > ul > li.cart > div, #middle > ul > li.cart.toggle > div, #top > form.toggle .list-cart, .no-mobile #nav > ul > li:hover > div {
    visibility: visible;
    opacity: 1;
}
/* hide */
.no-mobile .list-collection li:hover .img:before, .no-mobile .list-collection form, .scroll-to-fixed-fixed #up > ul > li.toggle > ul {
    visibility: hidden;
    opacity: 0;
}
/* wide img */
.list-blog img, .module-a figure img, .gallery-a li > img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100% !important;
}
/* cursor */
.nav-a li.active > a, .list-collection .bx-pager .bx-pager-item a.active {
    cursor: default;
}
/* flex * {
     display: -moz-box;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
}
/*! Columns --------- */
.cols-a {
    padding: 0 0 0 494px;
}
.cols-a > header:first-child + *, .cols-a > *:first-child {
    float: right;
    width: 100%;
}
.cols-a > header:first-child, .cols-a > aside {
    float: left;
    width: 441px;
    margin: 0 0 0 -494px;
}
/*! Modules --------- */
.addthis_inline_share_toolbox {
    width: 100%;
}
.addthis_inline_share_toolbox:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}
.addthis_inline_share_toolbox a {
    display: block;
    float: left;
    margin: 0 9px 0 0;
    padding: 0 !important;
}
.addthis_inline_share_toolbox .tweet_iframe_widget {
    width: 72px !important;
}
.gallery-a {
    position: relative;
    list-style: none;
    margin: 0 0 59px -22px;
    padding: 26px 0 14px;
    font-weight: 700;
    line-height: 1.33333333333;
    text-transform: uppercase;
}
.gallery-a:before {
    content: "";
    display: block;
    position: absolute;
    left: -950px;
    top: -5px;
    bottom: 0;
    right: -1000px;
    z-index: 1;
    background: url(background.jpg) center 100% no-repeat #fafafb;
    background-size: auto 695px;
}
.gallery-a li {
    position: relative;
    float: left;
    width: 33.33333333333%;
    height: 305px;
    margin: 0 0 22px;
    border-left: 22px solid rgba(0,0,0,0);
    font-size: 15px;
}
#root .gallery-a .bg {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: none;
    background: center center no-repeat;
    background-size: cover;
}
.gallery-a a {
    position: absolute;
    color: #000;
    font-weight: 700;
    text-indent: 0;
}
.gallery-a li.wide {
    width: 66.66666666666%;
    font-size: 26.55px;
    line-height: 1.11111111111;
}
.gallery-a li.wide > span, .gallery-a li.wide a > span {
    left: 380px;
    top: 50%;
    max-width: 210px;
}
.gallery-a a > span, .gallery-a li > span {
    display: block;
    position: absolute;
    left: 32px;
    right: 32px;
    top: 30px;
    z-index: 9;
}
.gallery-a span img {
    display: block;
    margin: 2px 0 16px;
}
.gallery-a a > span.bg, .gallery-a li > span.bg {
    z-index: 1;
}
.gallery-a .label {
    display: inline-block;
    margin: 0 0 7px;
    padding: 1px 8px;
    border-radius: 9px;
    background: #000;
    color: #fff;
    font-size: 13.59px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}
.gallery-a .overlay-d .label {
    background: #fff;
    color: #000;
}
.gallery-a .price {
    display: block;
    padding: 12px 0 0;
    font-size: 1.405em;
    font-weight: 600;
}
.gallery-a .price span {
    display: inline-block;
    position: relative;
    top: -1px;
    margin: 0 12px 0 0;
    font-size: .61684460261em;
    font-weight: 400;
}
.gallery-a .price span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: -2px;
    height: 1px;
    margin: -.5px 0 0;
    background: #000;
}
.gallery-a a > span.size-c, .gallery-a li > span.size-c {
    text-transform: none;
}
.gallery-a .small {
    display: block;
    font-size: .51619585687em;
    line-height: 1.53228748632;
    text-transform: none;
}
.gallery-a .size-c .small {
    margin: 0;
    padding: 6px 0 0;
    font-size: .57777777777em;
}
.gallery-a .lighter .small {
    display: inline-block;
    font-size: .47721280602em;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}
.gallery-a .lighter + .small {
    padding-top: 18px;
}
#content > .gallery-a:first-child {
    margin-top: -30px;
}
#gui-block-method .gui-section {
    min-height: 210px !important;
}
.gui-checkout .gui-form a.gui-button-fb {
    color: #fff !important;
}
.gui-checkout .gui-form a.gui-button-small.gui-button-social.gui-button-fb.gui-button-block {
    background-color: #3B5998 !important;
    font-size: 10px !important;
    padding-left: 24px;
}
.heading-a {
    position: relative;
    margin: 0 0 53px;
    padding: 0 0 33px;
    border-bottom: 1px solid #f0f0f0;
}
.heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 {
    margin: 0;
    font-size: 26px;
}
.heading-a p {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 15px;
}
.list-collection {
    list-style: none;
    margin: 0 0 35px -35px;
    padding: 0;
    color: #484747;
    line-height: 1.5666666666;
}
.list-collection li {
    position: relative;
    float: left;
    width: 20%;
    margin: 0 0 10px;
    padding: 0 0 19px;
    border-left: 0px solid rgba(0,0,0,0);
    font-size: 15px;
}
.list-collection li:nth-child(5n) + li {
    clear: both;
}
.list-collection li:before {
    visibility: hidden;
    left: -18px;
    right: -18px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    background: #fff;
    opacity: 0;
}
.list-collection a {
    display: block;
    position: relative;
    z-index: 1;
    color: #484747;
    text-decoration: none;
}
.list-collection a:hover {
    text-decoration: none;
}
.list-collection a.like {
    display: block;
    visibility: hidden;
    position: absolute;
    right: 17px;
    top: 15px;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #ececec;
    background: #fff;
    color: #f2b221;
    text-indent: -3000em;
    text-align: left;
    opacity: 0;
}
.list-collection a.like:before {
    content: "\e90a";
    font-size: 10px;
}
.list-collection .img {
    display: block;
    position: relative;
    height: 247px;
    margin: 0 0 2px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}
.list-collection .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    border-bottom: 0 solid #ececec;
}
.list-collection .img > span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    padding: 5px 15px;
    border-radius: 13px;
    background: #f2b221;
    color: #fff;
}
.list-collection .img > span.a {
    top: 23px;
    bottom: auto;
    width: 75px;
    height: 75px;
    border-radius: 37px;
    font-size: 15.465px;
    font-weight: 700;
}
.list-collection .img > span.a span {
    display: block;
    padding: 1px 0 0;
    font-size: .64694471387em;
}
.list-collection .img img {
    width: auto !important;
    max-height: 100% !important;
}
.list-collection .availability {
    display: block;
    position: relative;
    margin: 0 0 9px;
    color: rgba(255,255,255,0);
    font-weight: 800;
    font-size: .8em;
}
.list-collection .availability:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    right: 0;
    height: 1px;
    background: #ececec;
}
.no-mobile .list-collection li:hover .availability, .mobile .list-collection .availability {
    color: #484747;
}
.no-mobile .list-collection li:hover .availability:before, .mobile .list-collection .availability:before {
    visibility: hidden;
    opacity: 0;
}
.list-collection .title {
    display: block;
}
.list-collection .price {
    padding: 7px 0 0;
    font-weight: 700;
}
.list-collection .price span {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    color: #9b9b9b;
    font-size: .86666666666em;
    font-weight: 400;
}
.list-collection .price span:before, .list-cart .price span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 46%;
    right: -2px;
    height: 1px;
    margin: -.5px 0 0;
    background: #9b9b9b;
}
.list-collection .price span:before, .gallery-a .price span:before, .list-cart .price span:before {
    -webkit-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}
.list-collection form {
    padding: 12px 0 0;
}
.list-collection form p {
    margin: 0;
    padding: 0 0 0 57px;
    font-size: 13px;
}
.list-collection form input {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 34px;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #ededed;
    color: #818181;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
}
.list-collection form button {
    display: block;
    float: none;
    width: 100%;
    height: 34px;
    padding: 0 5px;
    border-width: 0;
    background: #88c441;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
}
.list-collection form button:before {
    content: "\e915";
    display: inline-block;
    position: relative;
    margin: 0 12px 0 0;
    font-size: 13px;
    font-weight: 400;
    font-family: i;
    line-height: 1px;
}
.cols-a .list-collection li {
    width: 33.3333333333333%;
}
.cols-a .list-collection li:nth-child(5n) + li {
    clear: none;
}
.cols-a .list-collection li:nth-child(3n) + li {
    clear: both;
}
.module-a {
    position: relative;
    margin: 0 0 71px;
    padding: 105px 20px 0;
    color: #fff;
    font-weight: 300;
    text-align: center;
}
.module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6 {
    margin: 0 0 49px;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
}
.module-a h1 span, .module-a h2 span, .module-a h3 span, .module-a h4 span, .module-a h5 span, .module-a h6 span {
    display: block;
    padding: 5px 0 0;
    font-size: .534em;
    font-weight: 200;
    font-style: italic;
}
.module-a p {
    margin: 0;
    font-size: 16px;
}
.module-a .countdown {
    display: block;
    overflow: hidden;
    margin: 25px -20px 0;
    padding: 30px 0 22px;
    background: rgba(242,178,33,.77);
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}
.module-a .countdown .item {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 0 1px;
}
.module-a .countdown .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255,255,255,.2);
}
.module-a .countdown .val {
    display: block;
    padding: 0 0 5px;
    font-size: 37px;
}
.module-a .countdown .name {
    color: rgba(255,255,255,.6);
    font-size: 9px;
}
.module-a figure {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: 0;
    background: center center no-repeat;
    background-size: cover;
    text-align: left;
}
.nav-a {
    overflow: hidden;
    list-style: none;
    margin: 0 0 45px;
    padding: 38px 50px 21px;
    background: #fafafa;
}
.nav-a ul {
    overflow: hidden;
    list-style: none;
    margin: 0 0 30px -20px;
    padding: 0;
}
.nav-a li {
    float: left;
    width: 25%;
    border-left: 20px solid rgba(0,0,0,0);
    font-size: 15px;
}
.nav-a li a {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
.nav-a li.active > a {
    color: #f2b221;
    font-weight: 700;
}
.nav-a li ul {
    margin: 0;
    padding: 19px 0 0;
}
.nav-a li ul li {
    float: none;
    width: auto;
    margin: 0 0 9px;
    border-left-width: 0;
    font-size: .93333333333em;
}
.nav-a li ul li a {
    font-weight: 400;
    text-transform: none;
}
.rating-a {
    display: block;
    overflow: hidden;
    margin: 0 0 19px;
    text-align: left;
    text-indent: -3000em;
}
.rating-a .rating {
    display: block;
    overflow: hidden;
    width: 190px;
    height: 15px;
}
.rating-a .rating > * {
    display: block;
    position: relative;
    z-index: 2;
    float: left;
    width: 16px;
    height: 100%;
    margin: 0 3px 0 0;
}
.rating-a .rating > *:before, .rating-custom .rating > *:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(star-b.svg) no-repeat;
    background-size: auto 100%;
}
.rating-a .rating > * .pelna, .rating-custom .rating > * .pelna {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: url(star-a.svg) no-repeat #fff;
    background-size: auto 100%;
}
.rating-custom, #root .rating-custom {
    display: block;
    position: relative;
    max-width: 161px;
    min-height: 47px;
    margin: 27px 0 15px;
    font-size: 10px;
    text-align: right;
}
.rating-custom .rating {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 10px;
    height: 14px;
}
.rating-custom .rating > * {
    display: block;
    position: relative;
    z-index: 2;
    float: left;
    width: 14px;
    height: 100%;
    margin: 0 2px 0 0;
}
.rating-custom .rating > *:before {
    background: url(star-b.svg) no-repeat;
    background-size: auto 100%;
}
.rating-custom .rating > * .pelna {
    background: url(star-a.svg) no-repeat #fff;
    background-size: auto 100%;
}
.rating-custom a, #root #footer .rating-custom a {
    color: #333;
    font-weight: 400;
    text-decoration: none;
}
.rating-custom a:before {
    z-index: 9;
}
.rating-custom a > span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: url(rating.png) no-repeat;
    background-size: 100% 100%;
    font-weight: 700;
    font-size: 21px;
    line-height: 44px;
    text-align: center;
}
.rating-custom a > span span {
    position: relative;
    top: -5px;
    font-size: .5em;
}
#footer .rating-custom .rating > * .pelna {
    background-color: #fafafa;
}
.social-a {
    list-style: none;
    margin-top: 25px;
    margin-right: -23px;
    padding: 0;
}
.social-a li {
    float: left;
    margin-right: 23px;
}
.social-a a, #root .social-a a {
    color: #474747;
    font-weight: 400;
    text-decoration: none;
}
.social-a i {
    display: block;
    font-size: 16px;
    line-height: 18px;
}
.social-a i.icon-twitter {
    font-size: 15px;
}
.social-a i.icon-pinterest {
    font-size: 18px;
}
.width-a {
    max-width: 1050px;
    margin-bottom:50px;
}
/*! Headers --------- */
h1, h2, h3, h4, h5, h6, .gui-page-title, .gui-content-title {
    color: #000;
    font-weight: 700;
    line-height: 1.33333333333;
    text-transform: uppercase;
}
h1, .gui-page-title {
    font-size: 31px;
}
h2 {
    font-size: 31px;
}
h3, .gui-content-title {
    font-size: 28px;
}
h4 {
    font-size: 26px;
}
h5 {
    font-size: 24px;
}
h6 {
    font-size: 22px;
}
/*! Content --------- */
.lighter {
    font-weight: 200;
}
.light {
    font-weight: 300;
}
.semi {
    font-weight: 600;
}
b, strong, .strong {
    font-weight: 700;
}
.stronger {
    font-weight: 800;
}
blockquote {
    margin: 1em 40px;
}
dfn, em, i, .em {
    font-style: normal;
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
pre, code, kbd, samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
small {
    font-size: 85%;
}
strike, del, .strike {
    text-decoration: line-through;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}
.size-a {
    font-size: 16px;
}
.size-b {
    font-size: 18px;
}
.size-c {
    font-size: 22.5px;
}
.overlay-a {
    color: #f2b221;
}
.overlay-b {
    color: #818181;
}
.overlay-c {
    color: #000;
}
#root .overlay-d {
    color: #fff;
}
.overlay-e {
    color: #88c441;
}
.overlay-f, .no-mobile .list-collection li:hover .availability.overlay-f, .mobile .list-collection .availability.overlay-f {
    color: #8dc27e;
}
.no-mobile .list-collection li:hover .availability.overlay-g, .list-collection.collection-products:hover .availability.overlay-g {
    color:#e04646
}
;
/*! Links --------- */
a {
    background: none;
    color: #f2b221;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
/*---*/
a span {
    cursor: pointer;
}
a:hover, a:focus, a:active {
    text-decoration: underline;
    outline: none;
}
.nav-a li a:hover, #footer p a:hover, #footer li a:hover, .social-a a:hover, #root .social-a a:hover, #nav > ul > li > a:hover, #root #up li:hover > a, #root #middle > ul > li > a:hover, #middle > ul > li > ul li a:hover, .list-cart a:hover, .list-cart a:hover .price span, #nav > ul > li > div ul li a:hover, #nav h1 a:hover, #nav h2 a:hover, #nav h3 a:hover, #nav h4 a:hover, #nav h5 a:hover, #nav h6 a:hover {
    color: #f2b221;
    text-decoration: none;
}
.list-cart a:hover .price span:before {
    background: #f2b221;
}
.link-btn {
    font-size: 13px;
    line-height: 1.2;
}
.link-btn a {
    display: inline-block;
    padding: 13px 26px;
    border-radius: 3px;
    background: #88c441;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}
.list-collection form button:after {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
    margin: 0;
    background: rgba(0,0,0,.1);
}
.list-collection form button:after {
    -webkit-transform-origin: 100% center;
    -ms-transform-origin: 100% center;
    transform-origin: 100% center;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
}
.list-collection form button:hover:after {
    left: 0;
    right: 0;
    margin: 0;
}
.list-collection form button:hover:after {
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
/*! Lists --------- */
ul, ol, dd, blockquote {
    padding-left: 40px;
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}
.list-blog {
    overflow: hidden;
    list-style: none;
    margin: 0 0 10px -32px;
    padding: 0;
    color: #000;
    line-height: 2.14285714286;
}
.list-blog li {
    float: left;
    width: 33.3333333333%;
    margin: 0 0 32px;
    border-left: 32px solid rgba(0,0,0,0);
}
.list-blog li:nth-child(3n) + li {
    clear: both;
}
.list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 {
    margin: 0 0 20px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}
.list-blog h1 a, .list-blog h2 a, .list-blog h3 a, .list-blog h4 a, .list-blog h5 a, .list-blog h6 a {
    display: block;
    color: #000;
    font-weight: 700;
}
.list-blog h1 span, .list-blog h2 span, .list-blog h3 span, .list-blog h4 span, .list-blog h5 span, .list-blog h6 span {
    display: block;
    padding: 9px 0 0;
    color: #9f9f9f;
    font-weight: 400;
    font-size: .777777em;
    text-transform: none;
}
.list-blog figure {
    margin: 0 0 30px;
}
.list-blog p {
    margin: 0 0 7px;
    font-size: 14px;
}
.list-blog p.label {
    display: inline-block;
    margin: 0 0 14px;
    padding: 3px 16px;
    border-radius: 16px;
    background: #f2b221;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.list-blog p.label a {
    color: #fff;
}
.list-blog p a {
    color: #f2b221;
    font-weight: 600;
}
.list-blog p a:after {
    content: "\e90e";
    display: inline-block;
    position: relative;
    top: -1px;
    margin: 0 0 0 4px;
    font-family: i;
    font-weight: 400;
    font-size: 8px;
    line-height: 1px;
}
.list-cart {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #484747;
    line-height: 1.5;
}
.list-cart li {
    position: relative;
    min-height: 91px;
    padding: 24px 125px 24px 56px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
}
.list-cart li.overlay-e {
    min-height: 0;
    padding: 18px 0;
    font-size: 13px;
    text-align: center;
    font-weight:bold;
}
#root .list-cart li.link {
    min-height: 0;
    padding: 17px 0;
}
.list-cart li.link a {
    color: #f2b221;
    font-weight: 700;
}
.list-cart li.link a:hover {
    text-decoration: underline;
}
.list-cart li.link a span {
    font-weight: 300;
    font-style: italic;
}
.list-cart li:last-child {
    padding-bottom: 8px;
    border-bottom-width: 0;
}
.list-cart a {
    display: block;
    color: #484747;
    font-weight: 400;
    text-decoration: none;
}
.list-cart .img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 35px;
}
.list-cart .img span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 19px;
    padding: 3px 14px 3px 7px;
    border-radius: 0 10px 10px 0;
    background: #f2b221;
    color: #fff;
    font-size: .77714285714em;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}
.list-cart .price {
    display: block;
    position: absolute;
    right: 0;
    top: 46%;
    font-weight: 700;
    font-size: 1.07142857143em;
}
.list-cart .price span {
    display: inline-block;
    position: relative;
    top: -1px;
    margin: 0 7px 0 0;
    color: #9b9b9b;
    font-size: .86666666666em;
    font-weight: 400;
}
.list-cart .qty {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 95px;
    font-size: .78571428571em;
}
.list-cart.a {
}
.list-cart.a li {
    min-height: 0;
    padding: 24px 55px 19px 102px;
}
.list-cart.a .img {
    width: 86px;
}
.list-cart.a .price {
    position: relative;
    top: 0;
    padding: 6px 0 0;
}
.list-logo {
    overflow: hidden;
    position: relative;
    list-style: none;
    margin: 26px 0 54px;
    padding: 52px 0;
    border: 1px solid #f0f0f0;
    border-left-width: 0;
    border-right-width: 0;
}
.list-logo li {
    min-height: 29px;
    margin: 0;
}
.list-logo img {
    display: block;
}
.list-logo.mobile-hide .item {
    width: auto !important;
}
.list-logo .bx-pager, .list-collection .bx-pager {
    padding: 20px 0 0;
    text-align: center;
}
.list-logo .bx-pager .bx-pager-item, .list-collection .bx-pager .bx-pager-item {
    display: block;
    padding: 0 4px;
}
.list-logo .bx-pager .bx-pager-item a, .list-collection .bx-pager .bx-pager-item a {
    display: block;
    overflow: hidden;
    width: 12px;
    height: 12px;
    border-radius: 9px;
    background: #f0f0f0;
    text-align: left;
    text-indent: -3000em;
}
.list-logo .bx-pager .bx-pager-item a.active, .list-collection .bx-pager .bx-pager-item a.active {
    background: #f2b221;
    cursor: default;
}
.list-logo .bx-prev, .list-logo .bx-next {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 37px;
    height: 37px;
    margin: -18.5px 0 0;
    border-radius: 37px;
    border: 1px solid #f0f0f0;
    color: #484747;
    font-size: 9px;
    text-indent: -3000em;
    text-align: left;
    text-decoration: none;
}
.list-logo .bx-prev {
    left: 0;
}
.list-logo .bx-next {
    right: 0;
}
.list-logo .bx-prev:before {
    content: "\e90d";
}
.list-logo .bx-next:before {
    content: "\e90e";
}
/*.list-logo.is-slider {
     padding-left: 66px;
     padding-right: 66px;
}
*/
.list-logo.mobile-only .item {
    width: auto !important;
}
.list-tags, #root .list-tags {
    overflow: hidden;
    list-style: none;
    margin-top: 37px;
    margin-right: -5px;
    padding: 0;
}
.list-tags li, #root .list-tags li {
    float: left;
    margin: 0 5px 7px 0;
    font-size: 13px;
}
.list-tags a, #root .list-tags a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 4px 13px;
    border-radius: 12px;
    background: #f2b221;
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.1;
}
.list-tags a:hover, #root .list-tags a:hover, #footer p a[href*="tel"]:hover, #nav > ul > li.text-right > a:hover, #root > .totop:hover {
    background: #f2b221;
    color: #fff;
}
.list-total {
    list-style: none;
    padding: 0;
    text-align: right;
}
.list-total li {
    position: relative;
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 600;
}
.list-total li > span {
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    font-size: .8125em;
    font-weight: 400;
}
/*! Media --------- */
img, iframe, object, embed {
    max-width: 100% !important;
}
img {
    height: auto !important;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}
.lt-ie9 img, .gui-table img {
    max-width: none !important;
}
img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}
.h100 {
    height: 100%;
}
.w100 {
    width: 100%;
}
.thuiswinkel-waarborg {
    display: block;
    position: relative;
    height: 42px;
    background: url(thuiswinkel-waarborg.svg) no-repeat;
    background-size: auto 100%;
    text-align: left;
    text-indent: -3000em;
}
.thuiswinkel-waarborg a {
    text-align: left;
    text-indent: -3000em;
}
.thuiswinkel-waarborg-cart {
    display: block;
    margin-left:50px;
    position: relative;
    height: 42px;
    background: url(thuiswinkel-waarborg.svg) no-repeat;
    background-size: auto 100%;
    text-align: left;
    text-indent: -3000em;
}
.thuiswinkel-waarborg-cart a {
    text-align: left;
    text-indent: -3000em;
}
/*! Forms --------- */
formSearch fieldset, hr {
    border-width: 0;
}
legend {
    position: absolute;
    left: 0;
    top: -3000em;
    padding: 0;
    border: 0;
    white-space: normal;
}
select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
input, select, textarea {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    font-size: 1em;
    line-height: normal;
    text-align: left;
    text-transform: none;
    outline: none;
}
input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input {
}
input[type="search"], input[type="number"], input[type="date"], input[type="time"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    visibility: hidden !important;
    height: auto;
    margin: 0;
}
input::-o-outer-spin-button, input::-o-inner-spin-button {
    -o-appearance: none;
    margin: 0;
}
input[type="checkbox"], input[type="radio"] {
    height: auto;
    padding: 0;
    border: 0;
    background: none;
    line-height: 1;
}
input[type="color"] {
    padding: 0;
    cursor: pointer;
}
input[type="date"] {
    display: -webkit-inline-flex;
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
select {
    line-height: 1;
    text-overflow: '';
    text-indent: 0.01px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: block;
    overflow: visible;
    position: relative;
    z-index: 3;
    height: auto;
    margin: 0;
    box-shadow: none;
    text-transform: none;
    text-indent: 0;
    cursor: pointer;
    outline: none;
    -webkit-appearance: button;
    -webkit-font-smoothing: inherit;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
    outline: none;
}
form [disabled] {
    cursor: default;
}
form > div {
    position: relative;
}
::-webkit-input-placeholder {
    opacity: 1;
    color: inherit;
}
::-moz-placeholder {
    opacity: 1;
    color: inherit;
}
:-moz-placeholder {
    opacity: 1;
    color: inherit;
}
:-ms-input-placeholder {
    opacity: 1;
    color: inherit;
}
::-ms-input-placeholder {
    opacity: 1;
    color: inherit;
}
:focus::-webkit-input-placeholder {
    opacity: 0;
}
:focus::-moz-placeholder {
    opacity: 0;
}
:focus:-moz-placeholder {
    opacity: 0;
}
:focus:-ms-input-placeholder {
    opacity: 0;
}
:focus::-ms-input-placeholder {
    opacity: 0;
}
form {
}
label {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    z-index: 2;
    font-weight: 400;
}
form p {
    position: relative;
    clear: both;
}
input {
    height: 43px;
    padding: 0 16px;
}
select {
    padding: 12px 43px 11px 16px;
}
.gecko select {
    padding-left: 12px;
}
textarea {
    height: 150px;
    min-height: 150px;
    padding: 13px 13px 13px 16px;
}
input, select, textarea {
    display: block;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #f6f6f6;
    background: #fff;
    color: #b8b8b8;
    font-size: 12px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    overflow: hidden;
    float: right;
    padding: 13px 26px;
    border-radius: 3px;
    border: 1px solid #484747;
    background: #484747;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
}
button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] {
    border-color: #ccc;
    background: #ccc;
    cursor: default;
}
.gui-select + .gui-select, .gui-select + .gui-input, .gui-input + .gui-input, .gui-input + .gui-select {
    margin-top: 10px;
}
/*! Tables --------- */
table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    padding: 5px 10px;
    border: 1px solid #eee;
    font-weight: 400;
    text-align: left;
}
/*! Helpers --------- */
*, *:before, *:after {
    -webkit-transition: visibility .2s ease-in-out 0s, color .2s ease-in-out 0s, background-color .2s ease-in-out 0s, color .2s ease-in-out 0s, border-color .2s ease-in-out 0s, color .2s ease-in-out 0s, opacity .2s ease-in-out 0s;
    transition: visibility .2s ease-in-out 0s, color .2s ease-in-out 0s, background-color .2s ease-in-out 0s, color .2s ease-in-out 0s, border-color .2s ease-in-out 0s, color .2s ease-in-out 0s, opacity .2s ease-in-out 0s;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transition-delay: -0.1s;
}
#cookie, #mobile, #shadow {
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}
body {
    -webkit-transition: padding .2s ease-in-out 0s;
    transition: padding .2s ease-in-out 0s;
}
.no-mobile .list-collection form button:after {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1), -webkit-transform .3s cubic-bezier(.4,0,.2,1);
}
.no-mobile .list-collection form button {
    -webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
    transition: all .3s cubic-bezier(.4,0,.2,1);
}
.clear {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 0;
}
.hidden, [hidden], template, #nav em, #cookie a.close:after, .social-a a span, .list-blog p.label a:after, .list-collection label, .js .module-a figure img, .module-a .countdown .sep, #up a span, #top > form label, #middle > ul > li > a span, .gallery-a .bg img, #mobile em, #mobile > ul > li.text-right, #mobile > ul > li.rating-custom, #mobile > ul.middle > li, #mobile > ul + ul.up, #mobile > .tel, #mobile > ul > li.lang, #mobile div figure, #mobile img, .ui.dropdown .select, #nav > h1, #nav > h2, #nav > h3, #nav > h4, #nav > h5, #nav > h6 {
    position: absolute;
    left: -30000px;
    top: 0;
    right: auto;
    bottom: auto;
}
hr, .hr {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
    background: none;
    font-size: 0;
}
.hr hr {
    display: none;
}
.list-tags:first-child, #root .list-tags:first-child, .social-a:first-child, .rating-custom:first-child, #root .rating-custom:first-child, .list-logo:first-child {
    margin-top: 0;
}
.rating-custom .rating > *:last-child, #up > ul > li:last-child, #up > ul:first-child > li:last-child, #middle > ul > li:last-child {
    margin-right: 0;
}
#root .mb-a {
    margin-bottom: 0;
}
#root .mb-b {
    margin-bottom: 4px;
}
/*! Warnings --------- */
p.lt-ie9 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 28px;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 28px;
    text-align: center;
}
p.lt-ie9 a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}
p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active {
    text-decoration: none;
}
.lt-ie9 body {
    padding-top: 28px;
}
/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video {
    border-width: 0;
    vertical-align: middle;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
svg:not(:root) {
    overflow: hidden;
}
@-ms-viewport {
    width: auto;
}
::selection {
    background: #f2b221;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #f2b221;
    color: #fff;
    text-shadow: none;
}
#root .desktop-hide, #root .tablet-only, #root .mobile-only {
    position: absolute;
    left: -30000px;
    top: -30000px;
    bottom: inherit;
    right: inherit;
}
/*! Fonts --------- */
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 200;
    src: local('Muli ExtraLight Italic'), local('Muli-ExtraLightItalic'), url(https://fonts.gstatic.com/s/muli/v11/VLVaOLQgJSNh81tTTnnv_FtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 300;
    src: local('Muli Light Italic'), local('Muli-LightItalic'), url(https://fonts.gstatic.com/s/muli/v11/Q5N_zd0042xOVES9NXt9QltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 400;
    src: local('Muli Italic'), local('Muli-Italic'), url(https://fonts.gstatic.com/s/muli/v11/RGzT9VzvdKojoeSA3nPC6Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 600;
    src: local('Muli SemiBold Italic'), local('Muli-SemiBoldItalic'), url(https://fonts.gstatic.com/s/muli/v11/5ro9EzTZGBUdKaArmtrScltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 700;
    src: local('Muli Bold Italic'), local('Muli-BoldItalic'), url(https://fonts.gstatic.com/s/muli/v11/nzxeg9Hd0-hLTMmG-EAtNFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 800;
    src: local('Muli ExtraBold Italic'), local('Muli-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/muli/v11/MV3zGIjB1dmyAU8p1i9RFVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 200;
    src: local('Muli ExtraLight'), local('Muli-ExtraLight'), url(https://fonts.gstatic.com/s/muli/v11/4H56zViCnu0ih5gSuVAQdw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    src: local('Muli Light'), local('Muli-Light'), url(https://fonts.gstatic.com/s/muli/v11/T-qN9Yh40TTJeenUALkjgg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v11/z6c3Zzm51I2zB_Gi7146Bg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 600;
    src: local('Muli SemiBold'), local('Muli-SemiBold'), url(https://fonts.gstatic.com/s/muli/v11/SSDjnwDvv9AWqGWApzySVQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 700;
    src: local('Muli Bold'), local('Muli-Bold'), url(https://fonts.gstatic.com/s/muli/v11/WQIsflEaABH2ETkzZKPChw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(https://fonts.gstatic.com/s/muli/v11/uLHeTmQh-SODolEfROCiNQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*! Icons --------- */
@font-face {
    font-family: 'i';
    src: url('icomoon.eot');
    src: url('icomoon.eot#iefix') format('embedded-opentype'), url('icomoon.ttf') format('truetype'), url('icomoon.woff') format('woff'), url('icomoon.svg#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'i' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-bag:before {
    content: "\e915";
}
.icon-blog:before {
    content: "\e91b";
}
.icon-caret-down:before {
    content: "\e914";
}
.icon-caret-left:before {
    content: "\e911";
}
.icon-caret-right:before {
    content: "\e912";
}
.icon-caret-up:before {
    content: "\e913";
}
.icon-cart:before {
    content: "\e91a";
}
.icon-check:before {
    content: "\e90f";
}
.icon-checklist:before {
    content: "\e91d";
}
.icon-chevron-down:before {
    content: "\e910";
}
.icon-chevron-left:before {
    content: "\e90d";
}
.icon-chevron-right:before {
    content: "\e90e";
}
.icon-chevron-up:before {
    content: "\e90c";
}
.icon-facebook:before {
    content: "\e909";
}
.icon-heart:before {
    content: "\e90a";
}
.icon-heart-outline:before {
    content: "\e90b";
}
.icon-icon:before {
    content: "\e916";
}
.icon-instagram:before {
    content: "\e908";
}
.icon-logo1:before {
    content: "\e905";
}
.icon-logo2:before {
    content: "\e906";
}
.icon-menu:before {
    content: "\e917";
}
.icon-paper-plane:before {
    content: "\e918";
}
.icon-phone:before {
    content: "\e919";
}
.icon-pinterest:before {
    content: "\e907";
}
.icon-tools:before {
    content: "\e91e";
}
.icon-twitter:before {
    content: "\e904";
}
.icon-user:before {
    content: "\e901";
}
.icon-user2:before {
    content: "\e91c";
}
.icon-x:before {
    content: "\e902";
}
.icon-x-circle:before {
    content: "\e903";
}
.icon-x2:before {
    content: "\e91f";
}
.icon-zoom:before {
    content: "\e900";
}
/*! Flexbox --------- */
/* flex */
.grid, .list-logo, .list-logo li, .list-collection .img, .list-collection .img > span.a, #nav > ul > li > div, #nav > ul > li > div > *:last-child, .list-cart .img, .list-logo .bx-pager, .list-collection .bx-pager {
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/* wrap */
.grid.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* nowrap */
.grid.nowrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
/* direction-row */
.grid, .grid.row-orient {
    -webkit-flex-direction: row;
    flex-direction: row;
}
/* direction-col */
.grid.column-orient, .list-collection .img > span.a, #nav > ul > li > div > *:last-child, #mobile {
    -webkit-flex-direction: column;
    flex-direction: column;
}
/* justify-start */
.grid.justify-start, #mobile {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
/* justify-center */
.grid.justify-center, .list-logo li, .list-collection .img, .list-collection .img > span.a, #nav > ul > li > div > *:last-child, .list-cart .img, .list-logo .bx-pager, .list-collection .bx-pager {
    -webkit-justify-content: center;
    justify-content: center;
}
/* justify-end */
.grid.justify-end, .grid.bottom {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
/* justify-space */
.grid.justify-space, .list-logo {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/* justify-space-around */
.grid.justify-space-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
/* align-i-start */
.grid.start {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
/* align-i-center */
.grid.center, .list-logo li, .list-collection .img, .list-collection .img > span.a, #nav > ul > li > div > *:last-child, .list-cart .img, .list-collection .bx-pager {
    -webkit-align-items: center;
    align-items: center;
}
/* align-i-end */
.grid.bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
/* align-i-stretch */
.grid.stretch, #nav > ul > li > div {
    -webkit-align-items: stretch;
    align-items: stretch;
}
/* align-i-baseline */
.grid.baseline {
    -webkit-align-items: baseline;
    align-items: baseline;
}
/* align-c-start * {
     -webkit-align-content: flex-start;
     align-content: flex-start;
}
/* align-c-center */
.grid.center {
    -webkit-align-content: center;
    align-content: center;
}
/* align-c-end */
.grid.bottom {
    -webkit-align-content: flex-end;
    align-content: flex-end;
}
/* align-c-stretch * {
     -webkit-align-content: stretch;
     align-content: stretch;
}
/* align-c-space * {
     -webkit-align-content: space-between;
     align-content: space-between;
}
/* align-s-start */
.grid-cell.start {
    -webkit-align-self: flex-start;
    align-self: flex-start;
}
/* align-s-center */
.grid-cell.center, .grid.center-nonText, .grid-cell.center-nonText {
    -webkit-align-self: center;
    align-self: center;
}
/* align-s-end */
.grid-cell.end {
    -webkit-align-self: flex-end;
    align-self: flex-end;
}
/* align-s-stretch */
.grid-cell.stretch {
    -webkit-align-self: stretch;
    align-self: stretch;
}
/* grow 0 */
.grid-cell.grow0 {
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
}
/* grow 2 */
.grid-cell.grow2, .grid-cell.double-size {
    -webkit-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
}
/* grow 3 */
.grid-cell.grow3, #nav > ul > li > div > * {
    -webkit-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
}
.grid.column-orient {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}
.grid.row-orient {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
}
.grid.managed-width, .grid-cell.managed-width {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.grid.narrow-width, .grid-cell.narrow-width {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}
.grid.borders div {
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.grid.borders.first-row div {
    border-top: 1px solid #aaa;
    font-weight: 700;
    background: #eaeaea;
    background: -moz-linear-gradient(top, #eaeaea 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top, #eaeaea 0%,#d8d8d8 100%);
    background: linear-gradient(to bottom, #eaeaea 0%,#d8d8d8 100%);
}
.grid.borders div:last-child {
    border-right: 1px solid #aaa;
}
.grid-cell {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.grid-cell.noflex {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.grid-cell.right {
    -webkit-align-self: right;
    -align-self: right;
    -moz-align-self: right;
    -ms-align-self: right;
    text-align: right;
}
/* Animations --------- */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Responsive --------- */
@media only screen and (max-width: 87.5em) {
    /* 1400 */
    #root > .totop {
        right: 50%;
        bottom: 119px;
        margin-right: -601px;
    }
}
@media only screen and (max-width: 78.125em) {
    /* 1250 */
    #top, #content, #footer {
        width: 960px;
    }
    #top {
        margin-left: -480px;
    }
    #root > .totop {
        margin-right: -480px;
    }
    #top {
    }
    #nav {
    }
    #nav > ul > li {
        margin-right: 20px;
        font-size: 13px;
    }
    #nav > ul > li.sub {
        margin-right: 20px;
    }
    #nav > ul > li.sub > a {
        padding-right: 11px;
    }
    #nav > ul > li > div > * {
        padding: 20px 20px 10px;
    }
    #nav > ul > li > div > *:last-child {
        max-width: 20%;
    }
    #nav > ul > li > div .link-btn a {
        display: block;
        float: none;
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    #top > form {
        left: 270px;
    }
    .cols-a {
    }
    .cols-a .list-collection li:first-child, .cols-a .list-collection li:first-child + li {
        position: relative;
        left: 0;
        top: 0;
    }
    .cols-a .list-collection li {
        width: 50%;
    }
    .cols-a .list-collection li:nth-child(3n) + li {
        clear: none;
    }
    .cols-a .list-collection li:nth-child(2n) + li {
        clear: both;
    }
    .gallery-a {
    }
    .gallery-a li {
        height: 243px;
        margin-bottom: 20px;
    }
    .gallery-a li.wide > span, .gallery-a li.wide a > span {
        left: 50%;
    }
    .gallery-a a > span, .gallery-a li > span {
        left: 24px;
        right: 24px;
        top: 22px;
    }
    .list-blog, #footer nav, .gallery-a {
        margin-left: -20px;
    }
    .list-blog li, #footer nav > *, .gallery-a li {
        border-left-width: 20px;
    }
    .list-logo {
    }
    .list-logo.mobile-hide .item {
        margin-right: 40px !important;
    }
    .cols-a .list-collection li, #top > form:before, #middle > ul > li.rating-custom {
        position: absolute;
        left: -30000px;
        top: -30000px;
        bottom: inherit;
        right: inherit;
    }
}
@media only screen and (max-width: 63.750em) {
    /* 1020 */
    #cookie {
        left: 50%;
        width: 720px;
        margin-left: -360px;
        padding-top: 15px;
    }
    #cookie .text {
        display: block;
    }
    #cookie .link {
        display: block;
        padding: 10px 0 0;
    }
    #cookie .link a {
        margin: 0 15px;
    }
}
@media only screen and (max-width: 62.5em) {
    /* 1000 */
    #top, #content, #footer {
        width: 720px;
    }
    #top {
        margin-left: -360px;
    }
    #root > .totop {
        bottom: 29px;
        margin-right: -360px;
    }
    #top {
    }
    #top > form {
        left: 250px;
        right: 160px;
        width: auto;
    }
    #nav > ul {
        margin-right: -10px;
    }
    #nav > ul {
        display: -moz-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    #nav > ul {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    #nav > ul > li, #nav > ul > li.sub {
        margin: 0;
    }
    #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 {
        font-size: 13px;
    }
    #middle > ul > li {
        margin-right: 24px;
    }
    #up > a.tel {
        position: relative;
        left: 0;
    }
    #footer {
    }
    #footer > ul {
        background: none;
    }
    #footer form {
    }
    #footer form p:last-child {
        padding-right: 54px;
    }
    #footer button {
        width: 43px;
        min-width: 0;
        padding: 0;
        text-align: left;
        text-indent: -3000em;
    }
    #footer button:before {
        content: "\e918";
        left: 0;
        top: 50%;
        font-size: 16px;
    }
    .cols-a {
        padding-left: 0;
    }
    #root .cols-a > * {
        float: none;
        width: auto;
        margin-left: 0;
    }
    #root .cols-a > * + * {
        margin-top: 30px;
    }
    .cols-a .list-collection li {
        width: 33.33333333%;
    }
    .cols-a .list-collection li:nth-child(2n) + li {
        clear: none;
    }
    .cols-a .list-collection li:nth-child(3n) + li {
        clear: both;
    }
    .gallery-a {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }
    .gallery-a li {
        height: 184px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .gallery-a li.wide {
        font-size: 23px;
    }
    .gallery-a .lighter + .small {
        padding-top: 10px;
    }
    .list-blog {
        margin-bottom: 30px;
    }
    .list-blog, #footer nav, .gallery-a {
        margin-left: -10px;
    }
    .list-blog li, #footer nav > *, .gallery-a li {
        border-left-width: 10px;
    }
    .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 {
        font-size: 14px;
    }
    .list-blog figure {
        margin-bottom: 20px;
    }
    .list-collection {
        margin-bottom: 15px;
    }
    .list-logo, .list-tags, #root .list-tags {
        margin-top: 0;
    }
    .nav-a {
        padding: 28px 28px 20px;
    }
    .nav-a li {
        font-size: 14px;
    }
    #root .desktop-hide, #root .tablet-only, .cols-a .list-collection li {
        position: relative;
        left: 0;
        top: 0;
    }
    #root .desktop-only, #root .tablet-hide, #up > ul:first-child, #nav > ul > li > div > *:last-child, #nav > ul > li.text-right {
        position: absolute;
        left: -30000px;
        top: -30000px;
        bottom: inherit;
        right: inherit;
    }
}
@media only screen and (max-width: 47.5em) {
    /* 760 */
    #top, #content, #footer {
        width: auto;
    }
    #content, #footer {
        padding-left: 20px;
        padding-right: 15px;
    }
    #root {
        padding-top: 49px;
    }
    .search-active #root {
        padding-top: 88px;
    }
    #top {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        right: 0;
        width: auto;
        height: 49px;
        margin: 0 !important;
        border-top-width: 0;
    }
    #top:before {
        border-width: 0;
    }
    #logo {
        left: 20px;
        top: 0;
        bottom: 0;
        font-size: 36px;
    }
    #top > .menu, #top > .search {
        top: 0;
    }
    #top > form {
        left: 0;
        top: -3000em;
        right: 0;
    }
    .search-active #top > form {
        top: 100%;
    }
    #up {
        right: 150px;
        top: 0;
        padding: 0 49px 0 0;
    }
    #up > ul > li.lang > a img {
        display: block;
        position: absolute;
        left: 12px;
        top: 50%;
        width: 15px !important;
    }
    #up > ul > li.lang > a img {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #up > ul > li.sub > a:before {
        right: 7px;
    }
    #up > ul > li > ul {
        width: 49px;
        border-width: 1px;
        border-top-width: 0;
        background: #fff;
    }
    #up > ul > li > ul > li {
        border-color: #f6f6f6;
    }
    #up > ul > li > ul > li:first-child {
        border-top-width: 0;
    }
    #up > ul > li.lang > ul a {
        width: auto;
    }
    #up > a.tel {
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        width: 49px;
        height: 49px;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border-left-width: 1px;
        background: none;
        color: #484747;
        text-align: left;
        text-indent: -3000em;
    }
    #up > a.tel:before {
        content: "\e919";
        font-size: 16px;
    }
    #middle {
        right: 49px;
        top: 0;
    }
    #middle > ul, #up > ul {
        padding: 0;
    }
    #middle > ul > li, #up > ul > li {
        width: 49px;
        height: auto;
        margin: 0;
        padding: 0;
    }
    #middle > ul > li > a, #up > ul > li > a, #up > ul > li.lang > a {
        width: auto;
        height: 49px;
        padding: 0;
        border-left-width: 1px;
    }
    #root #middle > ul > li > a i {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        margin: -20px 0 0;
        padding: 0;
        line-height: 40px;
        text-align: center;
    }
    #root #middle > ul > li > a i span {
        right: 9px;
        bottom: 5px;
        line-height: 13px;
    }
    #middle > ul > li.cart > div {
        right: -49px;
        width: 100vw;
        max-height: calc(100vh - 49px);
        padding-bottom: 1px;
    }
    #middle .cart p {
        margin: 0 0 15px;
    }
    .menu-active #mobile {
        left: 0;
    }
    .menu-active #shadow {
        visibility: visible;
        opacity: 1;
    }
    #content {
    }
    #content > *:last-child {
        margin-bottom: 40px;
    }
    #cookie {
        left: 0;
        right: 0;
        width: auto;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    #footer {
        padding-top: 30px;
    }
    #footer nav > * {
        width: 50%;
    }
    #footer nav > *:nth-child(2n+1) + * {
        clear: both;
    }
    #footer nav > *:nth-child(2) {
        clear: none;
    }
    #footer nav > form {
        clear: both;
        width: 100%;
    }
    h1, h2, h3, h4, h5, h6 {
        word-wrap: break-word;
    }
    h1, .gui-page-title, h2 {
        font-size: 26px;
    }
    h3, .gui-content-title {
        font-size: 24px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
    li, dt, dd, p, figure, th, td, caption, legend, pre {
        font-size: 14px;
    }
    .list-cart li {
        font-size: 13px;
    }
    .list-blog li {
        float: none;
        width: auto;
    }
    .list-blog {
        margin-bottom: 20px;
    }
    .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 {
        font-size: 16px;
    }
    .list-collection {
    }
    .list-collection li, .cols-a .list-collection li {
        width: 50%;
    }
    .list-collection li:nth-child(5n) + li, .cols-a .list-collection li:nth-child(2n) + li {
        clear: none;
    }
    .list-collection li:nth-child(2n) + li, .cols-a .list-collection li:nth-child(2n) + li {
        clear: both;
    }
    #root .list-collection form, #root .list-collection a.like {
        visibility: visible;
        opacity: 1;
    }
    .gallery-a {
        margin-bottom: 30px;
    }
    .gallery-a li, .gallery-a li.wide {
        float: none;
        width: auto;
        height: 243px;
        font-size: 15px;
    }
    .gallery-a li.wide {
        font-size: 26.55px;
    }
    .gallery-a a > span, .gallery-a li > span {
        left: 32px;
        right: 32px;
        top: 30px;
    }
    .gallery-a .lighter + .small {
        padding-top: 18px;
    }
    .heading-a {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .heading-a p {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 0;
    }
    .list-collection {
        margin-left: -20px;
    }
    .list-collection .bx-pager {
        padding: 10px 0 0;
    }
    .list-collection li {
        border-left-width: 20px;
        font-size: 14px;
    }
    .list-collection .item li {
        float: none;
        width: auto;
        margin-bottom: 10px;
        padding-bottom: 0;
        border-left-width: 0;
    }
    .list-collection .img {
        height: 50vw;
        max-height: 200px;
        margin-bottom: 10px;
    }
    .list-collection a.like {
        right: 0;
        top: 0;
    }
    .list-collection .img > span.a {
        top: 0;
    }
    .list-collection.is-slider {
        margin-bottom: 30px;
        margin-left: 0;
    }
    .list-logo, .list-logo.is-slider {
        margin-bottom: 30px;
        padding: 20px 0 15px;
    }
    .module-a {
        padding-top: 40px;
    }
    .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6 {
        margin-bottom: 20px;
        font-size: 30px;
    }
    .module-a .countdown {
        padding-top: 22px;
    }
    .module-a .countdown .val {
        font-size: 30px;
    }
    .nav-a {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px 20px 0;
    }
    .nav-a > ul {
        margin-bottom: 10px;
    }
    .nav-a li ul {
        padding-top: 10px;
    }
    .nav-a > ul > li {
        width: 50%;
        padding: 0 0 20px;
    }
    .nav-a > ul > li:nth-child(2n) + li {
        clear: both;
    }
    .menu-active #mobile {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    #root .tablet-hide, #root .mobile-only, #up > ul > li.lang, #middle > ul > li.cart, #root #mobile > ul.up + ul.up {
        position: relative;
        left: 0;
        top: 0;
    }
    #root .tablet-only, #root .mobile-hide, #root > .totop, #root .list-collection li:before, #footer nav:before, #nav, #up > ul > li, #middle > ul > li, #middle > ul > li.sub > a:before, #up > ul > li.lang, #root .list-collection .clone {
        position: absolute;
        left: -30000px;
        top: -30000px;
        bottom: inherit;
        right: inherit;
    }
}
@media only screen and (max-width: 31.25em) {
    /* 500 */
    #footer {
    }
    #footer nav {
        padding-bottom: 0;
    }
    #footer nav > * {
        float: none;
        width: auto;
    }
    #footer > ul {
        padding: 20px 0;
    }
    .gallery-a {
    }
    .gallery-a a > span, .gallery-a li > span, .gallery-a li.wide > span, .gallery-a li.wide a > span {
        left: 20px;
        right: 20px;
        top: 18px;
    }
    .list-collection {
    }
    .list-collection form p {
        padding-left: 44px;
    }
    .list-collection form input {
        width: 34px;
    }
    .gallery-a a > span, .gallery-a li > span, .gallery-a li.wide > span, .gallery-a li.wide a > span {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    #mobile > ul > li.lang {
        position: relative;
        left: 0;
        top: 0;
    }
    #up > ul > li.lang {
        position: absolute;
        left: -30000px;
        top: -30000px;
        bottom: inherit;
        right: inherit;
    }
}
@media only screen and (max-width: 25em) {
    /* 400 */
    @-ms-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
    #top {
    }
    #logo {
        overflow: hidden;
        width: 40px;
    }
    #mobile > h1:before, #mobile > h2:before, #mobile > h3:before, #mobile > h4:before, #mobile > h5:before, #mobile > h6:before {
        right: 60px;
    }
    h1, .gui-page-title, h2, h3, .gui-content-title {
        font-size: 24px;
    }
}