html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
a {
background-color: transparent;
}
img, svg {
vertical-align: middle;
border-style: none;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
}
[hidden] {
display: none;
}
template {
display: none;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #0b57d0;
}
a:hover {
text-decoration: underline;
}
:after, :before {
box-sizing: border-box;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.text-center {
text-align: center;
}
.text-right, .price-container {
text-align: right;
}
.text-muted {
color: #777;
}
.text-shrunk {
font-size: 0.875em;
}
.text-success {
color: #00a500;
}
.text-danger {
color: #ce0e00;
}
.text-bold {
font-weight: bold;
}
.text-hardy {
font-weight: 500;
}
.text-normal {
font-weight: normal;
}
.no-border {
border: 0 !important;
}
div.no-radius-bottom {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
div.no-radius-top {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
background: #fff;
padding: 8px 12px;
border: 1px solid #ddd;
margin-bottom: -1px;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
color: #fff;
background-color: #005eff;
border-color: #005eff;
}
.wordy {
padding: 15px;
font-size: 1.05em;
text-align: center;
}
.collapse {
display: none;
}
a.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
address {
margin: 5px 10px;
}
.container, .container-fluid {
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
.img-responsive, .thumbnail a>img {
display: block;
max-width: 100%;
height: auto;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
.modal {
z-index: 3250;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.well {
margin: 10px 0;
background: #fcfcfc;
padding: 5px 10px;
border-radius: 6px;
box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
}
.fade {
opacity: 0;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.thumbnail {
display: block;
overflow: hidden;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
box-shadow: 0 0 1px rgba(0,0,0,.13), 0 1px 3px rgba(0,0,0,.2);
border-radius: 4px;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #e6e6e6;
}
.label-success {
background-color: #5cb85c;
}
.label {
display: inline;
padding: .2em .6em .3em;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.drop.sheet {
padding: 10px 10px 2px;
background: #fff;
margin-bottom: 15px;
}
.panel-body {
padding: 15px;
background: #fcfcfc
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.clearfix:after, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " ";
}
.clearfix:after, .container:after, .form-horizontal .form-group:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .panel-body:after, .row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.visible-xsm, .visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl { display: none !important; }
p {
margin: 0 0 10px;
}
p:last-child {
margin: 0;
}
label.fullpage-closer {
display: none !important;
position: fixed !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2021;
}
.dropdown-menu {
position: absolute;
left: 0;
z-index: 9022;
display: none;
float: left;
min-width: 160px;
padding: 3px;
margin: 1px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
box-shadow: 0px 7px 7px rgba(0,0,0,.18);
border-top: 1px solid #f7f7f7;
}
.dropdown-menu.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-right>li {
display: block;
padding: 3px 8px;
}
.embed-responsive {
position: relative;
display: block;
height: 10px;
padding: 0;
overflow: hidden;
}
.embed-responsive-15by8 {
padding-bottom: 53.25%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive-4by3 {
padding-bottom: 75%
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-bordered>tbody>tr>th {
background: #fcfcfc;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #f1f0ee;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
padding: 5px;
}
.breadcrumb {
padding: 14px 17px 12px;
margin-bottom: 0px;
list-style: none;
font-size: 0.8125rem;
}
.breadcrumb>li {
display: inline-block;
color: #7b7b7b;
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
color: #d1d1d1;
content: "/";
}
.breadcrumb .breadcrumb-item a {
color: #323538;
text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover {
color: #0033c7;
text-decoration: underline;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
button.close,button.unstyled {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
dl, ol, ul {
margin-top: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: 1.5rem;
border: 0;
}
.btn.has-rb {
padding: .375rem .75rem .375rem 1rem;
}
.pull-left {
float: left
}
.pull-right {
float: right
}
.btn.btn-flat {
border-radius: 0;
border-width: 1px;
box-shadow: none;
}
.btn-default {
color: #333;
background-color: #fff;
border: 1px solid #ccc;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-sm {
padding: 5px 10px;
font-size: .75rem;
line-height: 1.5;
}
.btn-block {
display: block;
width: 100%;
}
.btn-success {
color: #fff;
background-color: #21ae00;
border-color: #21ae00;
}
.btn-success:focus {
color: #fff;
background-color: #21ae00;
border-color: #21ae00;
box-shadow: 0 0 0 0.25rem rgba(33,174,0,.5);
}
.btn-success:hover {
color: #fff;
background-color: #21ae00;
border-color: #17811c;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d9534f;
}
.btn-danger:hover {
color: #fff;
background-color: #d9534f;
border-color: #ac2925;
}
.btn-danger:focus {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
box-shadow: 0 0 0 0.25rem rgba(217,83,79,.5);
}
.btn-primary {
color: #fff;
background-color: #23272a;
}
.btn-primary:hover {
color: #fff;
background-color: #005eff;
border-color: #0a58ca;
text-shadow: none;
}
.btn-green {
color: #fff;
font-weight: 500;
background-color: #00b900;
box-shadow: 0 1px 0 #009000;
text-shadow: 1px 1px #00a000;
}
a.btn:hover {
text-decoration: none;
}
.btn-primary:focus {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
box-shadow: 0 0 0 0.25rem rgba(49,132,253,.5);
}
.btn-green:hover {
color: #fff;
background-color: #00cd00;
border-color: #009000;
box-shadow: 0 1px 0 #009000;
}
.btn-secondary {
background: #eee;
}
.btn-outline-primary {
color: #323639;
box-shadow: 0px 0px 0px 1px #1f2427 inset;
}
.btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5);
}
.nav>li {
list-style-type: none;
position: relative;
display: block;
}
.nav.navbar-nav>li {
float: left;
}
.nav>li>label {
position: relative;
display: block;
padding: 10px 15px;
}
.navbar-nav>li>label {
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.04em;
text-decoration: none;
cursor: pointer;
z-index: 2022;
}
.label-hoverintent {
z-index: 2022;
}
ul.nav.navbar-nav {
margin: 0;
}
.alert {
padding: 10px 15px;
margin-bottom: 20px;
}
.alert-danger {
color: #9f2c2c;
background: #ffdde3;
}
.alert-success {
color: #2d592e;
background-color: #ceff95;
}
.alert-warning {
color: #6a4019;
background-color: #fee0c7;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
height: 1px;
border: 0;
background-image: linear-gradient(90deg, transparent, #eee, transparent);
}
.form-group {
margin-bottom: 15px;
}
.form-group.clearfix label {
padding-top: .5rem;
font-size: .825rem
}
.pr-9 { padding-right: 9px; }
.pl-9 { padding-left: 9px; }
.form-group.clearfix .help-block { font-size: 85% }
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.08);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control::placeholder {
color: #ccc;
}
.form-control-inline {
height: 30px;
padding: 3px 6px;
font-size: 16px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.08);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control {
height: auto;
}
.checkbox-inline, .radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
label.radio-inline {
padding-right: 15px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
position: absolute;
margin-left: -20px;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
width: 100%;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
display: table-cell;
vertical-align: middle;
}
.input-group .form-control:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-btn:last-child>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn button.btn {
border-left: 0;
font-size: .825rem;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
/* Autogenerated below */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
.col-xs-pull-12 { right: 100% }
.col-xs-pull-11 { right: 91.66666667% }
.col-xs-pull-10 { right: 83.33333333% }
.col-xs-pull-9 { right: 75% }
.col-xs-pull-8 { right: 66.66666667% }
.col-xs-pull-7 { right: 58.33333333% }
.col-xs-pull-6 { right: 50% }
.col-xs-pull-5 { right: 41.66666667% }
.col-xs-pull-4 { right: 33.33333333% }
.col-xs-pull-3 { right: 25% }
.col-xs-pull-2 { right: 16.66666667% }
.col-xs-pull-1 { right: 8.33333333% }
.col-xs-pull-0 { right: auto }
.col-xs-push-12 { left: 100% }
.col-xs-push-11 { left: 91.66666667% }
.col-xs-push-10 { left: 83.33333333% }
.col-xs-push-9 { left: 75% }
.col-xs-push-8 { left: 66.66666667% }
.col-xs-push-7 { left: 58.33333333% }
.col-xs-push-6 { left: 50% }
.col-xs-push-5 { left: 41.66666667% }
.col-xs-push-4 { left: 33.33333333% }
.col-xs-push-3 { left: 25% }
.col-xs-push-2 { left: 16.66666667% }
.col-xs-push-1 { left: 8.33333333% }
.col-xs-push-0 { left: auto }
@media (max-width: 575.98px) {
.visible-xs, .visible-xsm { display: block !important; }
.hidden-xs, .hidden-xsm { display: none !important; }
}
@media (min-width: 576px) {
.container { width: 540px }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33333333% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33333333% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33333333% }
.col-sm-pull-12 { right: 100% }
.col-sm-pull-11 { right: 91.66666667% }
.col-sm-pull-10 { right: 83.33333333% }
.col-sm-pull-9 { right: 75% }
.col-sm-pull-8 { right: 66.66666667% }
.col-sm-pull-7 { right: 58.33333333% }
.col-sm-pull-6 { right: 50% }
.col-sm-pull-5 { right: 41.66666667% }
.col-sm-pull-4 { right: 33.33333333% }
.col-sm-pull-3 { right: 25% }
.col-sm-pull-2 { right: 16.66666667% }
.col-sm-pull-1 { right: 8.33333333% }
.col-sm-pull-0 { right: auto }
.col-sm-push-12 { left: 100% }
.col-sm-push-11 { left: 91.66666667% }
.col-sm-push-10 { left: 83.33333333% }
.col-sm-push-9 { left: 75% }
.col-sm-push-8 { left: 66.66666667% }
.col-sm-push-7 { left: 58.33333333% }
.col-sm-push-6 { left: 50% }
.col-sm-push-5 { left: 41.66666667% }
.col-sm-push-4 { left: 33.33333333% }
.col-sm-push-3 { left: 25% }
.col-sm-push-2 { left: 16.66666667% }
.col-sm-push-1 { left: 8.33333333% }
.col-sm-push-0 { left: auto }
}
@media (min-width: 576px) and (max-width: 767.98px) {
.visible-sm,.visible-xsm { display: block !important; }
.hidden-sm, .hidden-xsm { display: none !important; }
}
@media (min-width: 768px) {
.container { width: 720px }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33333333% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33333333% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33333333% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33333333% }
.col-md-pull-12 { right: 100% }
.col-md-pull-11 { right: 91.66666667% }
.col-md-pull-10 { right: 83.33333333% }
.col-md-pull-9 { right: 75% }
.col-md-pull-8 { right: 66.66666667% }
.col-md-pull-7 { right: 58.33333333% }
.col-md-pull-6 { right: 50% }
.col-md-pull-5 { right: 41.66666667% }
.col-md-pull-4 { right: 33.33333333% }
.col-md-pull-3 { right: 25% }
.col-md-pull-2 { right: 16.66666667% }
.col-md-pull-1 { right: 8.33333333% }
.col-md-pull-0 { right: auto }
.col-md-push-12 { left: 100% }
.col-md-push-11 { left: 91.66666667% }
.col-md-push-10 { left: 83.33333333% }
.col-md-push-9 { left: 75% }
.col-md-push-8 { left: 66.66666667% }
.col-md-push-7 { left: 58.33333333% }
.col-md-push-6 { left: 50% }
.col-md-push-5 { left: 41.66666667% }
.col-md-push-4 { left: 33.33333333% }
.col-md-push-3 { left: 25% }
.col-md-push-2 { left: 16.66666667% }
.col-md-push-1 { left: 8.33333333% }
.col-md-push-0 { left: auto }
.md-text-center {
text-align: center;
}
.md-sticky-15 {
position: sticky;
top: 85px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.visible-md,.visible-xsm { display: block !important; }
.hidden-md, .hidden-xsm { display: none !important; }
}
@media (min-width: 992px) {
.container { width: 960px }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100% }
.col-lg-11 { width: 91.66666667% }
.col-lg-10 { width: 83.33333333% }
.col-lg-9 { width: 75% }
.col-lg-8 { width: 66.66666667% }
.col-lg-7 { width: 58.33333333% }
.col-lg-6 { width: 50% }
.col-lg-5 { width: 41.66666667% }
.col-lg-4 { width: 33.33333333% }
.col-lg-3 { width: 25% }
.col-lg-2 { width: 16.66666667% }
.col-lg-1 { width: 8.33333333% }
.col-lg-pull-12 { right: 100% }
.col-lg-pull-11 { right: 91.66666667% }
.col-lg-pull-10 { right: 83.33333333% }
.col-lg-pull-9 { right: 75% }
.col-lg-pull-8 { right: 66.66666667% }
.col-lg-pull-7 { right: 58.33333333% }
.col-lg-pull-6 { right: 50% }
.col-lg-pull-5 { right: 41.66666667% }
.col-lg-pull-4 { right: 33.33333333% }
.col-lg-pull-3 { right: 25% }
.col-lg-pull-2 { right: 16.66666667% }
.col-lg-pull-1 { right: 8.33333333% }
.col-lg-pull-0 { right: auto }
.col-lg-push-12 { left: 100% }
.col-lg-push-11 { left: 91.66666667% }
.col-lg-push-10 { left: 83.33333333% }
.col-lg-push-9 { left: 75% }
.col-lg-push-8 { left: 66.66666667% }
.col-lg-push-7 { left: 58.33333333% }
.col-lg-push-6 { left: 50% }
.col-lg-push-5 { left: 41.66666667% }
.col-lg-push-4 { left: 33.33333333% }
.col-lg-push-3 { left: 25% }
.col-lg-push-2 { left: 16.66666667% }
.col-lg-push-1 { left: 8.33333333% }
.col-lg-push-0 { left: auto }
.mlr-lg-auto { margin-left: auto; margin-right: auto; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.visible-lg { display: block !important; }
.hidden-lg { display: none !important; }
}
@media (min-width: 1200px) {
.container { width: 1140px }
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
.col-xl-12 { width: 100% }
.col-xl-11 { width: 91.66666667% }
.col-xl-10 { width: 83.33333333% }
.col-xl-9 { width: 75% }
.col-xl-8 { width: 66.66666667% }
.col-xl-7 { width: 58.33333333% }
.col-xl-6 { width: 50% }
.col-xl-5 { width: 41.66666667% }
.col-xl-4 { width: 33.33333333% }
.col-xl-3 { width: 25% }
.col-xl-2 { width: 16.66666667% }
.col-xl-1 { width: 8.33333333% }
.col-xl-pull-12 { right: 100% }
.col-xl-pull-11 { right: 91.66666667% }
.col-xl-pull-10 { right: 83.33333333% }
.col-xl-pull-9 { right: 75% }
.col-xl-pull-8 { right: 66.66666667% }
.col-xl-pull-7 { right: 58.33333333% }
.col-xl-pull-6 { right: 50% }
.col-xl-pull-5 { right: 41.66666667% }
.col-xl-pull-4 { right: 33.33333333% }
.col-xl-pull-3 { right: 25% }
.col-xl-pull-2 { right: 16.66666667% }
.col-xl-pull-1 { right: 8.33333333% }
.col-xl-pull-0 { right: auto }
.col-xl-push-12 { left: 100% }
.col-xl-push-11 { left: 91.66666667% }
.col-xl-push-10 { left: 83.33333333% }
.col-xl-push-9 { left: 75% }
.col-xl-push-8 { left: 66.66666667% }
.col-xl-push-7 { left: 58.33333333% }
.col-xl-push-6 { left: 50% }
.col-xl-push-5 { left: 41.66666667% }
.col-xl-push-4 { left: 33.33333333% }
.col-xl-push-3 { left: 25% }
.col-xl-push-2 { left: 16.66666667% }
.col-xl-push-1 { left: 8.33333333% }
.col-xl-push-0 { left: auto }
}
@media (min-width: 1200px) {
.visible-xl { display: block !important; }
.hidden-xl { display: none !important; }
}
@keyframes spin {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@keyframes snap {
0% { transform: translateX(0) }
10% { transform: translateX(0) }
11% { transform: translateX(-100%) }
20% { transform: translateX(-100%) }
21% { transform: translateX(-200%) }
30% { transform: translateX(-200%) }
31% { transform: translateX(-300%) }
40% { transform: translateX(-300%) }
41% { transform: translateX(-400%) }
50% { transform: translateX(-400%) }
51% { transform: translateX(-500%) }
60% { transform: translateX(-500%) }
61% { transform: translateX(0) }
99% { transform: translateX(0) }
}
.spin {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes sidebarSlideInLeft {
from { left: -100%; }
to { left: 0; }
}
html,body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
"Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #212529;
min-width: 310px;
-webkit-tap-highlight-color: transparent;
}
html {
background-color: #323639;
scroll-behavior: smooth;
}
main {
background: #fff;
padding-bottom: 40px;
min-height: 640px;
}
main.white {
background: #fff;
}
svg text.babel {
display: none;
}
::selection {
background: #ffff80;
color: #2b2b00;
}
header {
background: #fff;
padding: 15px 0 10px;
height: 70px;
position: sticky;
z-index: 9000;
top: 0px;
box-shadow: 1px 1px 3px rgb(75,75,75,0.42);
background: linear-gradient(90deg, #ffe455, #ffe036 38%, #ffe455);
transition: margin-top .3s ease;
}
body#tab-1-open header,body#tab-2-open header,body#tab-3-open header,body#tab-4-open header,
body#tab-5-open header,body#tab-6-open header,body#tab-7-open header,body#tab-8-open header, body#serp-open header {
box-shadow: none;
}
body > nav {
position: sticky;
top: 69px;
z-index: 8999;
}
header .col-xs-3.col-md-4.col-lg-3:before {
content: '';
background: white;
display: block;
float: left;
width: 825px;
height: 760px;
position: absolute;
top: -252px;
left: 112px;
border-radius: 8px;
transform: rotate(330deg);
box-shadow: -1px 2px 3px rgb(0 0 0 / 20%);
}
header .col-xs-3.col-md-4.col-lg-3 img {
transform: translateZ(0);
}
p > a, a.accent {
border-bottom: 2px solid #ffc300;
color: #000;
font-weight: 500;
}
p > a:hover, a.accent:hover {
text-decoration: none;
border-color: #0075ff;
}
#carousel {
overflow: hidden;
white-space: nowrap;
display: flex;
perspective: 100px;
}
#carousel .frame {
position: relative;
flex: 0 0 100%;
}
#carousel .frame label.controls {
position: absolute;
top: 80px;
background: rgb(32 36 39 / 75%);
padding: 10px;
cursor: pointer;
}
#carousel .frame label.controls + label.controls {
right: 0;
}
#carousel_autoplay:checked ~ #carousel .frame {
animation-name: snap;
animation-timing-function: ease;
animation-duration: 60s;
animation-iteration-count: infinite;
}
#carousel_s0:checked ~ #carousel .frame { transform: translateX(0%); }
#carousel_s1:checked ~ #carousel .frame { transform: translateX(-100%); }
#carousel_s2:checked ~ #carousel .frame { transform: translateX(-200%); }
#carousel_s3:checked ~ #carousel .frame { transform: translateX(-300%); }
#carousel_s4:checked ~ #carousel .frame { transform: translateX(-400%); }
#carousel_s5:checked ~ #carousel .frame { transform: translateX(-500%); }
#caroushell { scroll-margin-top: 80px; }
#caroushell:hover .frame, #caroushell:focus-within .frame, #caroushell:hover .autoradio label, #caroushell:focus-within .autoradio label {
animation-play-state: paused;
}
.flext {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.fakeradio, .carousel_manual:checked ~ .autoradio {
display: none;
}
.carousel_manual:checked ~ #carousel .fakeradio {
display: block;
}
.fakeradio, .autoradio {
text-align: center;
margin-top: -10px
}
.fakeradio label, .autoradio label {
width: 40px;
height: 8px;
border-radius: 5px;
background: #ccc;
display: inline-block !important;
margin: 0 1px;
cursor: pointer;
}
.autoradio.autoplay label {
animation-name: cprogress;
animation-timing-function: ease-in-out;
animation-duration: 60s;
animation-iteration-count: infinite;
background: linear-gradient(90deg, #1f2427, #1f2427 50%, #ccc 0);
background-size: 80px;
background-position-x: -40px;
}
.fakeradio label:hover, .autoradio label:hover {
outline: 1px solid #ccc;
}
.carousel_manual:checked ~ #carousel .fakeradio label.active, .fakeradio label.seen {
background: #1f2427;
}
.carousel_manual:checked ~ #carousel .fakeradio label.seen {
background: #ccc;
}
input[name="carousel"] {
display: none;
}
.slide img {
max-width: 100%;
aspect-ratio: 167 / 56;
width: 100%;
object-fit: cover;
border-radius: 4px;
margin-bottom: 10px;
min-height: 200px;
border: 2px solid #1f2427
}
.slide:before {
content: ' ';
display: inline-block;
position: absolute;
right: 1px;
background: #1f2427;
margin-top: 20px;
padding: 5px 10px;
color: #fff;
text-align: right;
font-size: 1.25rem;
font-weight: bold;
white-space: pre-wrap;
line-height: 1.5rem;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
html[lang|="nl"] .slide:before { content: 'Onze showroom in Amsterdam'; }
html[lang|="pt"] .slide:before { content: 'Nosso showroom em Amsterdã'; }
html[lang|="fr"] .slide:before { content: "Notre salle d'exposition à Amsterdam"; }
html[lang|="de"] .slide:before { content: 'Unser Showroom in Amsterdam'; }
html[lang|="it"] .slide:before { content: 'Il nostro showroom ad Amsterdam'; }
html[lang|="es"] .slide:before { content: 'Nuestro showroom en Ámsterdam'; }
html[lang|="en"] .slide:before { content: 'Our showroom in Amsterdam'; }
.autoradio.autoplay label:nth-child(1) { animation-name: cprogress1; }
.autoradio.autoplay label:nth-child(2) { animation-name: cprogress2; }
.autoradio.autoplay label:nth-child(3) { animation-name: cprogress3; }
.autoradio.autoplay label:nth-child(4) { animation-name: cprogress4; }
.autoradio.autoplay label:nth-child(5) { animation-name: cprogress5; }
.autoradio.autoplay label:nth-child(6) { animation-name: cprogress6; }
@keyframes cprogress1 {
0% { background-position-x: -40px; }
16.667%,100% { background-position-x: 0px; }
}
@keyframes cprogress2 {
0% { background-position-x: -40px; }
16.667% { background-position-x: -40px; }
33.333%,100% { background-position-x: 0px; }
}
@keyframes cprogress3 {
0% { background-position-x: -40px; }
33.333% { background-position-x: -40px; }
50%,100% { background-position-x: 0px; }
}
@keyframes cprogress4 {
0% { background-position-x: -40px; }
50% { background-position-x: -40px; }
66.667%,100% { background-position-x: 0px; }
}
@keyframes cprogress5 {
0% { background-position-x: -40px; }
66.667% { background-position-x: -40px; }
83.333%,100% { background-position-x: 0px; }
}
@keyframes cprogress6 {
0% { background-position-x: -40px; }
83.333% { background-position-x: -40px; }
100% { background-position-x: 0px; }
}
@keyframes snap {
0% { transform: translateX(0) }
16.667% { transform: translateX(0) }
17.667% { transform: translateX(-100%) }
33.333% { transform: translateX(-100%) }
34.333% { transform: translateX(-200%) }
50% { transform: translateX(-200%) }
51% { transform: translateX(-300%) }
66.667% { transform: translateX(-300%) }
67.667% { transform: translateX(-400%) }
83.333% { transform: translateX(-400%) }
84.333% { transform: translateX(-500%) }
100% { transform: translateX(-500%) }
}
.prime a {
display: inline-block;
margin: 10px;
padding: 0.375rem 0.825rem 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 2rem;
box-shadow: none !important;
transition: none;
}
.prime a img {
vertical-align: -4px;
margin-right: 3px;
}
fieldset.sc {
padding: 0 14px 10px;
background: #fdfdfd;
border: 1px solid #e6e6e6;
border-radius: 4px;
margin-bottom: 14px;
}
fieldset.sc legend {
width: auto;
border: 0;
margin: 0;
}
fieldset.sc p {
margin: 5px 0;
font-size: .9rem;
}
.invisible, .grecaptcha-badge {
visibility: hidden;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .625rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: 1.3rem;
}
h2 {
font-size: 1.25rem;
}
h2[id] {
margin-top: 2rem;
scroll-margin-top: 80px;
}
h2 + small {
display: block;
margin: -0.625rem 0 1rem;
}
.table-condensed + h3 {
margin-top: 1rem;
}
.italic { font-style: italic }
.fl { float: left; }
.content-viewbox.shout {
background: #F8F9F8;
margin-top: 20px;
}
.landing h2.text-center {
margin-top: 30px;
margin-bottom: 30px;
font-size: 1.2rem;
}
.intro p {
font-size: .95rem;
}
.text-center h2 {
margin-top: 15px;
}
.text-center p {
text-wrap: balance;
}
.lh-0 {
line-height: 0px;
}
.lh-28 {
line-height: 28px
}
.h-48, .h48 {
height: 48px
}
.h-70, .h70 {
height: 70px;
}
.b0 {
border: 0;
}
.p0 {
padding: 0;
}
.p4 {
padding: 4px;
}
.mw60 {
max-width: 60%;
}
.p15 {
padding: 15px;
}
.p1015 {
padding: 10px 15px;
}
.pb9 {
padding: 20px 20px 30px;
}
.pb12 {
padding-bottom: 12px;
}
.pr6 {
padding-right: 6px;
}
.f08 {
font-size: 0.8em;
}
.f09 {
font-size: 0.9em;
}
.f085 {
font-size: 0.85em;
}
.f095 {
font-size: 0.95em;
}
.ml10 {
margin-left: 10px;
}
.pt14 {
padding-top: 14px;
}
.pt20 {
padding-top: 20px;
}
.pl20 {
padding-left: 20px !important
}
.p30 {
padding: 30px;
}
.p1020 {
padding: 10px 20px;
}
.p2080 {
padding: 20px 0 80px;
}
.p10100 {
padding: 10px 10px 0;
}
.p500 {
padding: 50px 0;
}
.w30 {
width: 30px;
padding: 8px;
}
.w50 {
width: 50px;
}
.w64 {
width: 64px;
height: 64px;
}
.w220 {
width: 220px;
}
.w230 {
width: 230px;
}
.w30p {
width: 30%;
}
.w100p {
width: 100%;
}
.w200 {
width: 200px;
}
.w30 img.w50 {
border-radius: 5px;
border: 1px solid #dfdfdf;
}
.biscoito-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 1rem;
background: #F8F9F8;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
display: none;
justify-content: space-between;
align-items: center;
z-index: 2024442000;
}
.biscoito-footer span {
padding: 1rem;
}
.biscoito-footer div {
display: flex;
gap: 10px;
}
body.annoying .biscoito-footer {
display: flex;
}
@media (max-width: 768px) {
.biscoito-footer {
flex-direction: column;
}
.biscoito-footer div button {
width: 100%;
}
}
.return-found {
background-color: #eafdf4;
color: #009452;
padding: 5px 10px;
border-radius: 6px;
}
.return-select {
display: none;
text-indent: 0.01em;
border: 2px solid #e7ecf1;
border-radius: 4px;
padding: 6px 16px;
background-color: #FFF;
}
.return-checkbox:checked ~ label ~ select.return-select {
display: inline-block;
}
.fw-normal {
font-weight: normal;
}
.va-top {
vertical-align: top;
}
.va-middle {
vertical-align: middle;
}
.w380 {
width: 380px;
}
.mh47 {
min-height: 47px;
}
.mt0 {
margin-top: 0px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mib2 {
vertical-align: -2px;
}
.mib3 {
vertical-align: -3px;
}
.mib4 {
vertical-align: -4px;
}
.mib5 {
vertical-align: -5px;
}
.o2 {
opacity: .2;
}
.o3 {
opacity: .3;
}
.mr15 {
margin-right: 15px;
}
.mcompare-img {
margin-bottom: 6px;
margin-top: 6px;
width: 180px;
height: 180px;
}
.brand-img-head {
max-width: 75%;
max-height: 75px;
}
ul.brands {
margin-top: 15px;
overflow: auto;
width: 100%;
height: 100px;
white-space: nowrap;
display: block;
scrollbar-color: transparent transparent;
scrollbar-width: 0px;
}
ul.brands::-webkit-scrollbar {
width: 0;
}
ul.brands::-webkit-scrollbar-track {
background: transparent;
}
ul.brands::-webkit-scrollbar-thumb {
background: transparent;
border: none;
}
ul.brands li a {
display: block;
height: 80px;
border: 1px solid #999;
border-radius: 4px;
filter: brightness(0) opacity(0.5);
text-align: center;
margin: 0 5px;
text-decoration: none;
}
ul.brands li a:hover {
text-decoration: none;
filter: none;
}
.penta {
display: inline-block;
width: 221px;
}
.bt-f0 {
border-top: 1px solid #f0f0f0
}
span[data-scrollintoview] { cursor: pointer }
button.ae img, button.ae svg, a.ae img, a.ae svg, .no-touchi img, .no-touchi svg { pointer-events: none; }
#sq-mob { width: 226px; }
#header-logo-img { width: 100%; max-width: 223px }
#pp-brand-img { max-width: 65%; max-height: 110px; margin: 30px 0; }
#pp-brand-img.l { max-width: 65%; max-height: 80px; margin: 30px 0; }
#sidebar,#collar,#mobile_menu { display: block; }
#collar, .gradient-dark {
background: linear-gradient(90deg, #333, #323639, #333);
color: #fff;
}
.user-address {
border-radius: 8px;
background: #fff;
}
.user-address div {
padding: 10px 15px;
}
.material-button {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 48px;
cursor: pointer;
padding: 5px 0;
}
#tab-search-button {
width: auto;
line-height: 1px;
background: white;
padding: 0 4px;
height: 34px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #ccc;
border-left: 0;
}
.pointer {
cursor: pointer;
}
#bodyside a {
display: block;
font-size: 21px;
line-height: 18px;
padding: 12px 10px;
color: #757575;
}
#bodyside a img {
filter: invert(45%) sepia(0%) saturate(34%) hue-rotate(242deg) brightness(100%) contrast(84%);
margin-right: 10px;
}
#bodyside a span {
font-size: 16px;
}
#bodyside a.btn-primary {
display: inline-block;
width: 40%;
margin: 0 10px;
background: none;
padding: 4px 0;
font-size: 18px;
border: 1px solid #d6d6d6;
}
#bodyside a.btn-primary img {
margin: 0;
}
.greyshell {
background: #F8F9F8;
padding: 14px;
padding: 14px 14px 1px 14px;
border-radius: 10px;
}
.voucher-well {
padding: 10px;
background: #fafafa;
border-radius: 4px;
margin-bottom: 8px;
}
.voucher-invalid-product {
background: #f8f8f8;
color: #545454;
display: inline-block;
padding: 2px 8px;
font-size: .7em;
border-radius: 4px;
}
.no-wrap {
white-space: nowrap;
}
.no-display {
display: none;
}
.no-display.display {
display: block;
}
.has-info .is-info.no-display {
display: block
}
.has-error .is-error.no-display {
display: block
}
.has-warning .is-warning.no-display {
display: block
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgb(0,0,0,.08);
box-shadow: inset 0 1px 1px rgb(0,0,0,.08);
}
.has-warning .form-control {
border-color: #c9471f;
-webkit-box-shadow: inset 0 1px 1px rgb(0,0,0,.08);
box-shadow: inset 0 1px 1px rgb(0,0,0,.08);
}
.has-success .form-control {
border-color: #007205;
-webkit-box-shadow: inset 0 1px 1px rgb(0,0,0,.08);
box-shadow: inset 0 1px 1px rgb(0,0,0,.08);
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
color: #a94442;
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
color: #c9471f;
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
color: #007205;
}
.category-sidebar-holder {
position: sticky;
top: 80px;
max-height: calc(99vh - 80px);
overflow-y: auto;
scrollbar-color: transparent transparent;
scrollbar-width: 0px;
}
.category-sidebar-holder::-webkit-scrollbar {
width: 0;
}
.category-sidebar-holder::-webkit-scrollbar-track {
background: transparent;
}
.category-sidebar-holder::-webkit-scrollbar-thumb {
background: transparent;
border: none;
}
.lightroom-controls {
background: rgba(0,0,0,.8);
padding: 10px;
color: #fff;
z-index: 4002;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.no-pevt {
pointer-events: none;
}
#lightroom-stage {
text-align: center;
position: fixed;
top: 44px;
right: 0;
bottom: 0;
left: 0;
font-size: 0;
line-height: 0;
}
#lightroom-stage button {
background: rgba(0,0,0,.25);
height: calc(100vh - 40px);
padding: 0 15px;
transform: translateZ(0px);
}
#lightroom-stage button:hover {
background: rgba(0,0,0,.4);
}
#lightroom-wrap {
margin: 0 -54px;
position: relative;
display: inline-block;
transition: all 0.3s linear;
}
#lightroom-wrap img {
display: block;
width: auto;
max-height: calc(100vh - 40px);
max-width: 100vw;
height: auto;
z-index: 4001;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
#lightroom-wrap svg {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
width: 100%;
max-height: calc(100vh - 40px);
max-width: 100vw;
height: auto;
}
#lightroom-zoomout, body.zoomed #lightroom-zoomin {
display: none;
}
body.lightroom-loner #lightroom-stage button {
display: none;
}
body.zoomed #lightroom-zoomout {
display: inline;
}
body.zoomed #lightroom-wrap {
transform: scale(2);
}
body.zoomed #lightroom-wrap img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
body.grabbing #lightroom-wrap {
transition: none;
}
body.grabbing #lightroom-wrap img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
.annoying-cookie-consent, #modal, #lightroom {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.75)
}
body.hide-similar img.toggle-off, img.toggle-on {
display: none;
}
body.hide-similar img.toggle-on {
display: inline;
}
body.hide-similar tr.nodiff td {
display: none;
}
body.hide-similar tr.nodiff img {
display: none;
}
body.annoying .annoying-cookie-consent {
display: block;
z-index: 9600;
font-size: .875rem;
}
body.lightroom-open #lightroom {
display: block;
}
body.lightroom-open header {
z-index: 2900
}
body.modal-open #modal {
display: block;
}
body.modal-open header {
z-index: 100;
}
body.annoying.modal-open #modal {
display: none;
}
.cookie-choice, .modal-inner {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal-inner .container .panel {
max-width: none;
}
.modal-inner a.thumbnail {
text-align: center;
box-shadow: none;
border: 1px solid #d4d4d4;
}
.cookie-choice .container {
max-height: 85vh;
overflow-y: auto;
}
.cookie-choice .panel, .modal-inner .panel {
-webkit-box-shadow: 0 0 16px rgba(0,0,0,.15);
box-shadow: 0 0 16px rgba(0,0,0,.15);
background: #fff;
max-width: 480px;
margin: 0 auto;
border-radius: 6px;
padding: 15px;
}
.cookie-choice .btn {
margin-top: 15px;
}
.modal-inner h2 {
padding-bottom: 5px;
margin-bottom: 10px;
}
.modal-body {
font-size: .875rem;
}
.no-padding, .nopad {
padding: 0 !important;
}
.topbar div {
padding: 5px 15px;
font-size: 13px;
}
.gmap {
line-height: 0;
}
.gmap iframe {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.topbar a, .topbar label {
text-decoration: none;
color: #cacaca;
cursor: pointer;
}
.list-location svg {
margin-top: -2px;
margin-right: 5px;
}
.flag-icons svg {
margin-top: -2px;
margin-right: 4px;
}
.mb-holder {
float: left;
width: 50px
}
.mb-holder .material-button {
padding: 11px 0;
}
.mb-link {
padding: 11px 0;
width: 48px;
float: right;
color: #fff;
text-align: center;
position: relative;
}
a span.nb {
position: absolute;
top: 5px;
right: 5px;
background: #f00;
padding: 1px 5px 1px 5px;
border-radius: 10px;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 14px;
height: 16px;
}
.cat-head {
background-size: cover;
border-radius: 4px;
height: 200px;
margin-bottom: 12px;
}
.cat-head + p, .cat-head + p + p {
font-size: .9rem;
}
#cfilter {
width: 88%;
position: fixed;
background: #323639;
top: 0;
bottom: 0;
-webkit-transform: translateZ(0);
z-index: 2100;
left: -100%;
}
body #cfilter {
padding: 60px 15px;
background: #fff;
overflow: auto;
}
body.page-filter-toggled main, body.page-filter-toggled footer {
opacity: .8;
}
.page-filter-toggled div#cfilter-display {
display: block;
position: fixed;
bottom: 15px;
z-index: 2101;
text-align: center;
left: 0;
right: 0;
}
.page-filter-toggled #cfilter {
left: 0;
animation: sidebarSlideInLeft .2s;
-webkit-animation: sidebarSlideInLeft .2s;
box-shadow: -1px 1px 10px rgb(39 39 39);
}
#cfilter-display {
pointer-events: none;
display: none;
}
#product-photos div {
margin: 0 -5px 15px;
}
nav#compare-bar {
position: fixed;
bottom: -50px;
left: 0;
right: 0;
opacity: 0;
transition: all 0.3s ease;
transition-delay: 0.1s;
z-index: 2102;
}
body.checked-comparison nav#compare-bar {
display: block;
position: fixed;
bottom: 15px;
right: 0;
left: 0;
opacity: 1;
pointer-events: none;
}
.ifsmallpad {
padding: 0 15px;
}
.ifsmallpad h1 {
margin: 10px 0;
font-family: 'Tahoma', sans-serif;
}
.ifsmallpad .sm-flex-wrap {
background: #f8f9f8;
border-radius: 6px;
}
.panel-heading {
padding: 7px 10px;
border-bottom: 1px solid #e6e6e6;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #f9f9f9;
}
.panel-white, .panel-whiteb {
background: #fff;
padding: 15px;
border-radius: 5px;
border-radius: 4px;
}
.panel-whiteb {
background: #F8F9F8;
}
.panel-offwhite {
background: #F8F9F8;
padding: 2px 15px 15px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: 24px;
}
.panel-offwhite h4 {
font-family: 'Tahoma', sans-serif;
font-weight: 400;
font-size: 19px;
margin: 10px 0;
}
.panel-white.selected {
background: #f8f9f8;
position: relative;
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding-bottom: 35px;
margin-bottom: -1px;
}
h4.larger {
font-family: 'Tahoma', sans-serif;
font-weight: 400;
font-size: 21px;
}
#description {
line-height: 1.62;
margin-bottom: 30px;
}
.media.applink {
padding: 15px 15px 5px;
background: #fcfcfc;
border-radius: 10px;
border: 1px solid #f1f0ee;
scroll-margin-top: 80px;
}
.media.applink img.media-object {
width: 100px;
height: 100px;
}
.media.applink h4 {
font-weight: 600;
}
ul.nav.nav-sidebar {
padding-left: 0;
}
#description ul, #showcase ul, #showcase ol, .modal-body ul, main ul {
padding-left: 40px
}
#description p, #description .media-body {
font-size: .95rem;
margin: 0 0 20px;
}
#description li {
font-size: .95rem;
margin-bottom: 4px;
}
#description .alert {
font-size: .875rem;
}
#description .alert.alert-info {
background: #e3f2fd;
border-color: #bbdefb;
color: #01579b;
}
#bFilterdisplay, #fixy-bcompare {
pointer-events: all;
}
#floaty-bcompare, body.checked-comparison #floaty-bfilter {
display: none;
}
body.checked-comparison #floaty-bcompare {
display: inline-block;
}
#fixy-compare, #fixy-bcompare, #floaty-bcompare {
background: #673ab7;
border-color: #673ab7;
}
.dropdown-menu-right {
color: #999
}
.dropdown-menu-right > li > a {
color: #000
}
.dropdown-menu-right > li > a:hover {
color: #0b57d0;
text-decoration: underline;
}
.green {
color: #22b625;
}
.required {
color: #ff1967;
}
.has-required {
border: 1px dashed #ff1a67;
padding: 10px 15px;
border-radius: 6px;
}
.cyan { color: #83d7b6; color: #00d4ae; color: #67dfc4; background: -webkit-linear-gradient(#6aebcf, #64aaed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.orange { color: #ffc107; }
.dorange { color: #fff; opacity: .25; }
.grey { color: #ccc; }
.feedback, .feedback a { color: #929497; text-transform: lowercase; text-decoration: none; }
.feedback span { color: #fff; font-weight: 400; text-decoration: none; }
.feedback.noselect img {
vertical-align: -2px;
}
.xsbrand-holder {
float: left;
position: relative;
}
aside .xsbrand-holder {
overflow: hidden;
width: 220px;
height: 48px;
}
.xsbrand-holder:before {
content: '';
background: white;
display: block;
width: 177px;
height: 179px;
position: absolute;
top: -40px;
left: 30px;
border-radius: 8px;
transform: rotate(330deg);
box-shadow: -1px 2px 3px rgb(0 0 0 / 20%);
}
.noselect, .ns {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
select.naked {
align-self: end;
border: 0;
padding: 5px 10px;
border-radius: 6px;
background: #fff url(/assets/material/icons/unfold_more_black_24dp.svg) no-repeat center right;
border-radius: 6px;
background-size: 1rem;
padding-right: 1.1rem;
box-shadow: 0 0 1px rgba(0,0,0,.13), 0 1px 3px rgba(0,0,0,.2);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
select.naked:focus-visible {
outline: none;
}
nav.personal a.btn {
position: relative;
}
.product {
background: #fff;
}
.nav.nav-sidebar>li>a {
padding: 8px 8px;
}
.nav-sidebar>li>a {
color: #333;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.premenu a {
display: inline-block;
margin: 5px 5px 5px 10px;
padding: 2px 15px;
border-radius: 15px;
font-size: .825rem;
box-shadow: none;
}
.premenu a svg {
margin-left: -7px;
vertical-align: -3px;
opacity: .55;
}
.premenu a:hover svg {
opacity: 1;
}
.parking-td {
vertical-align: top;
width: 42px;
padding: 0;
}
.parking-div {
text-align: center;
background: #0056a4;
color: #fff;
font-size: 1.6rem;
}
.parking-div:before {
display: block;
border: 2px solid #0056a4;
content: '15820';
color: #000;
background: white;
font-size: 10px;
font-weight: 600;
}
.parking-div:after {
display: block;
content: '';
border-style: solid;
border-width: 12px 42px 0 0;
border-color: #0056a4 #fff #fff;
}
.category-sidebar {
background: #F8F9F8;
padding: 10px 12px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: .8rem;
}
.category-sidebar label span {
opacity: .5;
}
.category-sorter {
margin: 0;
color: #303030;
font-size: .875rem;
box-shadow: none;
background: none;
padding: 2px 10px;
}
.category-sorter h1 {
display: inline-block;
font-size: .9rem;
font-weight: 300;
}
li.head {
margin-bottom: 20px;
}
.thumbnail .nail {
height: 22px;
margin: -4px;
}
.thumbnail .caption {
padding: 9px;
color: #333;
position: relative;
}
.thumbnail .app-images {
position: absolute;
right: 5px;
width: 30px;
}
.thumbnail .app-images > img {
margin-bottom: 5px;
}
.caption del, .price-alt del, .checkoutline del {
display: inline-block;
text-decoration: none;
}
.checkoutline del {
margin-right: 5px;
}
.checkoutline del:before {
content: '';
background: #d80500;
height: 1px;
display: block;
transform: rotate(-15deg) scale(1.1) translate(-.25rem, .8rem);
}
.row.checkoutline:has(input:checked) {
border: 1px solid #24272a;
}
.bg_ideal {
background: #fff url(/assets/graphics/ideal.svg) right 6px top 10px no-repeat;
background-size: 30px;
}
.bg_in3 {
background: #fff url(/assets/ideal/in3.svg) right 6px top 10px no-repeat;
background-size: 60px;
}
.bg_vimc {
background: #fff url(/assets/graphics/visamastercard.svg) right 6px no-repeat;
background-size: 100px;
}
.bg_pin {
background: #fff url(/assets/graphics/pinnen.svg) right 10px top 6px no-repeat;
background-size: 70px;
}
.caption del:before, .price-alt del:before {
content: ' ';
height: 1px;
background: #d80500;
width: 110%;
display: inline-block;
float: left;
transform: rotate(-15deg) translate(-5px, 10px);
}
.caption.product-title {
font-family: 'Tahoma', sans-serif;
}
.thumbnail .properties {
margin: 4px -4px;
padding: 4px 8px;
font-size: 0.8em;
background: #fbfbfb;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #f1f1f1;
}
.thumbnail .quick-specs {
font-family: 'Tahoma', sans-serif;
font-size: .75rem;
padding: 0 10px;
}
.thumbnail .btn.ae {
font-size: 14px;
}
.thumbnail label img {
width: 128px;
height: 128px;
margin: 5px 0;
}
.candidates .thumbnail {
height: 260px;
overflow: hidden;
margin: 0;
}
.candidates div {
word-wrap: break-word;
text-align: left;
padding: 10px;
font-size: 15px;
font-size: .8rem;
}
.candidates div.title {
padding: 2px 0;
margin: 0;
word-wrap: break-word;
width: 138px;
overflow: hidden;
height: 60px;
}
.candidates span.amount {
font-size: 15px;
font-weight: bold;
color: #d80500;
}
.caption.category-title {
min-height: 64px;
}
.category-title a {
font-size: 18px;
color: #565656;
font-weight: bold;
}
.product-tabs {
text-align: center;
margin: 15px -10px;
border-bottom: 1px solid #f1f1f1;
}
.product-tabs label {
font-size: 1.1rem;
margin: 0 .35rem;
padding-bottom: 10px;
display: inline-block;
border-bottom: 1px solid transparent;
margin-bottom: -1px;
font-family: 'Tahoma', sans-serif;
}
.product-tabs label.active {
border-color: #ffca00;
}
.thumbnail .stock, .cartline .stock, .product-option .stock, .price-window .stock {
padding: 3px 6px;
font-size: .7rem;
background: #f9f9f9;
display: inline-block;
border-radius: 6px;
margin: 2px 2px;
}
.thumbnail .stock.available, .cartline .stock.available, .checkoutline .stock.available, .product-option .stock.available, .price-window .stock.available {
background-color: #e5ffe5;
color: #388E3C;
}
.thumbnail .stock.unavailable, .cartline .stock.unavailable, .checkoutline .stock.unavailable, .product-option .stock.unavailable, .price-window .stock.unavailable {
background-color: #f9f9f9;
}
.thumbnail .stock.special. .cartline .stock.special, .checkoutline .stock.special, .product-option .stock.special, .price-window .stock.special {
background: #ebf9ff;
color: #4276c5;
}
.stock.freeass {
color: #ff1967;
background: #ffe5f2;
}
.is-offer .price-alt strong {
background: #a6ffb4;
padding: 3px 5px;
border-radius: 3px;
font-size: 12px;
text-transform: uppercase;
}
.price-window .top .stock {
margin: 2px 0;
font-weight: 500;
}
.price-window .top .stock.available {
float: none;
}
.price-window button.btn-block {
margin: 14px auto 6px;
}
.properties div, .properties div span {
color: #7b7b7b;
}
.properties div div {
color: #000;
}
.price-window .top .stock.available.ab {
color: #323538;
font-size: .9rem;
padding: 0 0 0 25px;
background: url(/assets/material/icons/check_circle_green_24dp.svg) no-repeat;
background-size: 19px;
background-position: left center;
font-weight: normal;
}
.price-window .top .stock.unavailable.ab {
color: #323538;
font-size: .9rem;
padding: 0 0 0 25px;
background: url(/assets/material/icons/remove_circle_orange_24dp.svg) no-repeat;
background-size: 19px;
background-position: left center;
font-weight: normal;
}
.is-offer .price-window .top .stock.available.ab, .is-offer .price-window .top .stock.unavailable.ab {
color: #fff;
}
.price-window .top .stock.available.ab strong {
font-weight: 600;
}
.thumbnail .properties label {
margin-top: 10px;
display: block;
font-weight: normal;
}
.thumbnail a>img, .thumbnail a>picture>img {
max-width: 85%;
height: auto;
margin-right: auto;
margin-left: auto;
display: block;
}
.thumbnail .product-title {
font-size: .925rem;
}
.nail .rating {
float: right;
padding: 5px 5px 0;
}
.btn.tocart {
margin: 14px auto 6px;
border-top: 0;
border-left: 0;
border-right: 0;
font-size: 18px;
outline: 0 !important;
}
.btn.tocart:focus {
box-shadow: 0 0 0 0.25rem rgb(0 121 255 / 15%);
}
.btn.tocart:hover {
}
.user-address a.btn.btn-sm.btn-default {
background: #fff;
border-color: transparent;
margin-right: 10px;
color: #2196F3;
border-bottom: 2px solid #fbfbfb;
}
.user-address a.btn.btn-sm.btn-default:hover {
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
background: #2196F3;
color: #fff;
border-bottom: 2px solid #1a6daf;
text-decoration: none;
}
.user-address a.btn.btn-sm.btn-default:hover img {
filter: invert(1) brightness(2);
}
.panel-body a.btn.tocart.btn-success {
margin-bottom: 0;
}
.price-mini {
line-height: 18px;
}
.price-mini .amount {
letter-spacing: -1px;
font-size: 24px;
font-weight: 500;
font-family: 'Tahoma', sans-serif;
}
.is-offer .price-mini .amount, .is-reduced .price-mini .amount {
color: #d80500;
}
.price-mini .amount b {
font-weight: 500;
font-size: 85%;
}
.price-mini .amount sup {
font-size: 60%;
top: 1px;
left: -3px;
position: relative;
}
.second-chance {
font-size: .9rem;
margin-top: 4px;
}
.rating .stars.off img {
opacity: .12;
}
.rating .stars.on img {
filter: invert(70%) sepia(60%) saturate(489%) hue-rotate(0deg) brightness(102%) contrast(107%);
}
.checkoutline .stock {
display: inline-block;
font-size: .75rem;
padding: 2px 9px;
border-radius: 25px;
margin-left: -2px;
font-weight: 500;
}
.checkoutline input {
text-align: center;
}
.checkoutline .price {
font-size: 1.15rem;
font-weight: 500;
padding: 10px 0 5px;
}
.checkoutline .pad-touchinput {
padding: 10px 0 5px;
margin-left: -10px;
}
.row.checkoutline {
border: 1px solid #e0e0e0;
border-radius: 6px;
margin: 0 0 15px;
}
.row.checkoutline > div {
padding: 10px 0;
}
.row.checkoutline img.product-thumbnail {
object-fit: contain;
object-position: top;
width: 86%;
height: auto;
}
.row.checkoutline a {
color: #000;
}
.receipt {
margin: 20px 0;
padding: 10px 0;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.stick-95 {
position: sticky;
top: 95px;
}
#subtotal_panel {
background: #F8F9F8;
border-radius: 6px;
padding: 15px;
}
#subtotal_panel button + small {
margin-top: 15px;
display: inline-block;
font-size: .75rem;
}
.pad-touchinput {
padding: 10px
}
.pad-touchinput img:hover {
filter: invert(21%) sepia(88%) saturate(2184%) hue-rotate(209deg) brightness(99%) contrast(99%);
cursor: pointer;
}
div.innard {
padding: 0 10px;
font-size: .9rem;
}
.innard .row .col-left, .innard .row .col-right {
padding: 4px 5px;
}
.innard .col-right span, .table-compare td.pr span {
padding: 0 2px;
opacity: 0.5;
font-size: 75%;
}
.row.sub div {
font-size: 1.2em;
margin-top: 20px;
padding: 0;
}
section.specifications.multiple {
overflow-y: auto;
background: #fff;
box-shadow: 0px 0px 3px rgba(0,0,0,.4);
}
.specifications .row.alt {
border-bottom: 1px solid #F1F0EE;
border-top: 1px solid #F1F0EE;
background: #fcfcfc;
}
.specifications .col-left span, .table-compare .spexplain {
border-bottom: 1px dashed #0080ff;
}
.specifications ins, .xsnob ins, .hidden-xsm ins, .checkoutline ins {
text-decoration: none;
color: #d80500
}
.specifications .col-right.col-xs-6 img {
margin-left: -3px;
}
.table-compare .btn {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom-width: 2px;
}
table.table-compare tbody tr td {
padding: 3px;
border-top: 1px solid #F1F0EE;
}
table.table-compare tbody tr td:first-child {
padding-left: 6px;
}
.table-compare .g td {
background: #f6f6f6;
text-align: center;
border-color: #dadada!important;
border-bottom: 1px solid #dadada;
}
.table-compare>tbody>tr:nth-of-type(even) {
background-color: #fcfcfc;
}
body.hide-similar .table-compare>tbody>tr:nth-of-type(even) {
background-color: #fff;
}
div#mansplainer {
width: 400px;
background: #fff;
border-radius: 4px;
padding: 15px;
box-shadow: 1px 3px 10px rgba(0,0,0,0.5);
}
div#mansplainer * {
font-size: .875rem;
}
div#mansplainer:before {
content: '';
display: inline-block;
background: #fff;
width: 15px;
height: 15px;
float: left;
position: absolute;
top: 47%;
transform: rotate(45deg);
left: -8px;
border-left: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
.table-compare {
font-size: .875rem;
}
.filter-floaty {
transition: all 0.3s linear;
position: fixed;
bottom: 15px;
z-index: 1;
left: 0;
right: 0;
}
body.looking-at-feet .filter-floaty {
opacity: 0;
bottom: -100px;
}
.filter {
border-top: 1px solid #e3e3e3;
padding: 8px 0;
}
.filter label {
padding-left: 4px;
}
.filter input:disabled + label {
opacity: .5;
}
input.silent {
display: none;
}
#sidebar {
background-color: rgba(0, 0, 0, 0.32);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1000;
visibility: hidden;
pointer-events: none;
animation: 1s fadeIn;
animation-fill-mode: forwards;
}
label.scrim {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#sidebar aside {
width: 280px;
background: #fff;
box-shadow: 0px 8px 10px -5px rgba(0,0,0,.2), 0px 16px 24px 2px rgb(0,0,0,.14), 0px 6px 30px 5px rgb(0,0,0,.12);
height: 100%;
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 250ms;
transform: translateX(-100%);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
[type=radio]:checked ~ #sidebar {
visibility: visible;
pointer-events: auto;
animation: none;
z-index: 9001;
}
[type=radio]:checked ~ #sidebar aside {
transition-duration: 250ms;
transform: translateX(0);
}
[type=radio]:checked ~ label.fullpage-closer {
display: block !important;
}
[type=radio]:checked ~ .dropdown-menu {
display: block;
}
.col-lg-8.lg-sticky-0 {
padding: 10px 15px
}
.featurette-image {
border-radius: 8px;
border: 1px solid #e0e0e0;
background: #fff;
}
.featurette-divider {
margin: 50px 0;
}
.featurette-heading {
font-family: 'Tahoma', sans-serif;
font-weight: 400;
line-height: 1;
}
.featurette h1, .featurette h2, .featurette h3 {
font-family: 'Tahoma', sans-serif;
}
.featurette h3 {
margin-top: 60px;
}
.dropdown-menu.fw-menu.search-menu {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
.dropdown-menu.fw-menu li a img, .dropdown-menu.fw-menu li a svg {
vertical-align: -2px;
}
.search-closer, body#search-open .search-opener, body#serp-open .search-opener {
display: none;
}
body#search-open .search-closer, body#serp-open .search-closer {
display: inline;
}
body#search-open main, body#serp-open main {
opacity: .5;
}
.search-tab {
padding-top: 3px;
}
.search-tab .input-group {
margin-left: 100px;
}
.search-tab.display-checked:before {
content: '';
background: #F8F9F8;
display: block;
float: left;
width: 503px;
height: 400px;
position: absolute;
top: -178px;
left: 113px;
transform: rotate(330deg);
}
input#msq {
position: relative;
width: 300px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
font-size: .9rem;
}
@media (max-width: 1199px) {
.search-tab.display-checked:before {
left: 92px;
width: 400px;
}
}
#search-input-switcheroo:checked + ul {
display: none;
}
#search-input-switcheroo:checked + ul + .search-tab {
display: block;
}
.inline-menu {
margin-bottom: 30px;
}
li + li.dropdown-header {
margin-top: 30px;
}
.inline-menu li.dropdown-header {
padding: 3px 0;
font-size: .725rem;
}
.inline-menu li.dropdown-header a {
color: #777;
font-family: 'Tahoma', sans-serif;
}
.inline-menu li a {
padding: 4px 0;
font-size: .825rem;
font-family: 'Tahoma', sans-serif;
color: #3c4043;
border-bottom: 1px solid #f7f7f7;
display: block;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
body.lightroom-open .menu-holder {
display: none !important;
}
#sidesearch {
padding: 10px;
background: #f1f1f1;
}
#sidecategories {
position: fixed;
top: 102px;
right: 0;
bottom: 0;
left: 0;
background: #fff;
overflow-y: auto;
box-shadow: inset -1px 5px 6px -5px #9e9e9e;
}
.cookie-settings {
display: none;
}
[type=radio]:checked ~ .cookie-intro {
display: none;
}
[type=radio]:checked ~ .cookie-settings {
display: block;
}
svg.display-checked {
pointer-events: none;
position: absolute;
top: 10px;
right: 15px;
left: 15px;
max-height: 100%
}
svg#product-svg-1 image {
pointer-events: all;
cursor: pointer;
}
.display-checked {
display: none;
}
.display-checked + svg.display-checked {
display: none;
}
[type=radio]:checked + .display-checked {
display: block;
}
[type=radio]:checked + .display-checked + svg.display-checked {
display: block;
}
[type=radio]:checked + .display-checked-inverse + svg.display-checked {
display: block;
}
[type=radio]:not(:checked) + .display-checked-inverse {
display: none;
}
[type=radio]:not(:checked) + .display-checked-inverse + svg.display-checked {
display: none;
}
[type=checkbox]:checked + label + .display-checked {
display: block
}
[type=checkbox]:checked + label .display-checked {
display: block
}
[type=checkbox]:not(:checked) + label .display-unchecked {
display: block
}
[type=checkbox]:checked + label .display-unchecked {
display: none
}
label[for="xsusermenu"] {
margin-bottom: 0.5rem;
}
ul.xsusermenu {
padding-left: 20px;
background: #0d6efd;
color: #fff;
}
ul.xsusermenu li {
line-height: 2rem;
}
ul.xsusermenu a {
color: #fff;
}
ul.xsusermenu.display-checked {
padding: 15px;
border-radius: .25rem;
}
ul.list-location {
font-size: 1.05em;
margin-top: 14px;
line-height: 36px
}
footer {
background: linear-gradient(180deg, #1f2427, #323639);
}
footer hr {
background-image: linear-gradient(90deg, transparent, #4f4f4f, transparent);
}
.payment-method, .shipping-method {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 4px;
background: #fff;
margin-right: 15px;
margin-bottom: 20px;
text-align: center;
overflow: hidden;
}
.shipping-method {
width: 90px;
}
.payment-method.ideal svg {
margin-top: 3px;
}
.payment-method.visa svg {
margin-top: 8px;
}
.payment-method.mastercard svg {
margin-top: 4px;
}
.payment-method.paypal svg {
margin-top: 4px;
}
.shipping-method.dhl {
background: #ffcc00 url(/assets/graphics/footer/dhl.svg) center no-repeat;
background-size: 80px;
}
.shipping-method.dachser {
background: #FBBA00 url(/assets/graphics/footer/dachser.svg) center no-repeat;
background-size: 80px;
}
.shipping-method.transmission {
background: #fff url(/assets/graphics/footer/transmission.svg) center no-repeat;
background-size: 80px;
}
.business {
padding: 30px 0;
border-top: 5px solid #ffca00;
}
.business li {
padding: 4px 0;
font-size: .875rem;
}
.business li:first-child {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 1.3em;
}
.business li a {
color: #fff;
}
.business .list-unstyled li a:before {
content: '\0203A ';
color: #666;
}
.business .list-unstyled li a:hover:before {
color: #fff;
}
.business li a:hover {
text-decoration: none;
color: #ffca03;
}
.navbar-nav>li>label {
margin: 5px 10px;
padding: 5px 0;
font-size: .95rem;
border-bottom: 2px solid #fff;
color: #3c4043;
font-weight: 500;
}
.navbar-nav>li:last-child>label {
color: #ff1967;
}
.navbar-nav>li>label:hover,
body#tab-1-open label.label-hoverintent[for="tab-1"],
body#tab-2-open label.label-hoverintent[for="tab-2"],
body#tab-3-open label.label-hoverintent[for="tab-3"],
body#tab-4-open label.label-hoverintent[for="tab-4"],
body#tab-5-open label.label-hoverintent[for="tab-5"],
body#tab-6-open label.label-hoverintent[for="tab-6"],
body#tab-7-open label.label-hoverintent[for="tab-7"],
body#tab-8-open label.label-hoverintent[for="tab-8"] { border-bottom: 2px solid #ffca00 }
.radio-inline input {
margin-top: 4px;
}
.checkout-stage {
font-size: .875rem;
margin-bottom: 180px;
}
.form-group.clearfix .ftoggle label {
padding: 4px 8px
}
button[data-sku] + div.form-group {
padding-top: 20px;
}
.progress-checkout {
margin: 15px -10px;
font-size: .8rem;
}
.progress-step {
background: #dfe3e4;
display: block;
position: relative;
width: 2rem;
height: 2rem;
line-height: 2rem;
border-radius: 1rem;
text-align: center;
color: #5f6569;
z-index: 2;
margin: auto;
font-weight: 500;
}
.progress-checkout .col-xs-4.right:after {
content: '';
display: block;
width: 46%;
height: 5px;
background: #e0e3e4;
top: 13px;
position: absolute;
right: 0;
}
.progress-checkout .col-xs-4.left:before {
content: '';
display: block;
width: 46%;
height: 5px;
background: #e0e3e4;
top: 13px;
position: absolute;
left: 0;
}
.progress-checkout .current .progress-step {
color: #fff;
background: #1eb224;
}
.progress-checkout .done .progress-step {
background: #1eb224;
color: #fff;
outline: 2px solid #fff;
}
.progress-checkout .col-xs-4.left.current:before, .progress-checkout .col-xs-4.left.done:before, .progress-checkout .col-xs-4.right.done:after {
background: #1eb224;
}
.progress-checkout .current {
font-weight: bold;
}
.outlined {
border: 1px solid #e0e0e0;
border-radius: 6px;
margin-bottom: 20px;
padding: 5px 10px;
}
.outlined strong {
display: block;
margin-bottom: 10px;
}
@media (max-width: 991px) {
#lightroom {
display: none !important
}
}
@media (min-width: 992px) {
#dc_holder {
position: sticky;
top: 90px;
}
.tall-md-200 {
min-height: 200px;
border: 1px solid transparent;
}
}
.ftoggle input {
opacity: 0;
width: 0;
height: 0;
}
.feedbackcompany .col-md-6:first-child {
padding-bottom: 24px;
}
.feedbackcompany.md-text-center {
color: #fff;
padding-top: 8px;
}
.trail {
padding: 20px 0;
text-align: center;
color: #89867f;
font-size: .8rem;
}
.trail a {
color: #adadad;
}
.menu-holder {
position: relative;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
text-transform: uppercase
}
.fw-menu {
position: absolute;
left: 0;
right: 0;
top: -1px;
z-index: 9001;
width: 100%;
}
.fw-menu:after {
display: block;
content: '';
height: 20px;
margin: 0 -3px -3px -3px;
background: linear-gradient(90deg, #ffe455, #ffe036 38%, #ffe455);
box-shadow: inset 0px 4px 3px -3px rgb(0,0,0,0.2);
}
.fw-menu.search-menu:after {
display: none;
}
.fw-menu li.dropdown-header, .fw-menu li.dropdown-header a {
color: #777;
font-size: 0.6875rem;
}
.fw-menu li.dropdown-header:not(:first-child) {
margin-top: 14px;
}
.fw-menu li a {
padding: 4px 0;
font-size: .825rem;
font-family: 'Tahoma', sans-serif;
color: #3c4043;
border-bottom: 1px solid #f7f7f7;
display: block;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.fw-menu li a:hover {
color: #0033c7;
}
.fw-menu li a:hover img {
color: #ffca00;
filter: invert(77%) sepia(36%) saturate(2917%) hue-rotate(358deg) brightness(103%) contrast(106%);
}
.fw-menu .serp-products li a:hover img {
filter: none;
}
.fw-menu .row li {
padding: 0 0 0 15px;
}
.fw-menu li a[data-menu]:before, .inline-menu li a[data-menu]:before {
content: '\0203A ';
color: #ccc;
}
#search-results {
min-height: 95px;
}
.serp-products li.product-option {
border: none;
border-bottom: 1px solid #f7f7f7;
cursor: pointer;
border-radius: 0;
padding: 2px 3px;
margin: 0;
}
.serp-products li.product-option.selected {
background: #f8f9f8;
outline: 1px solid #d1d1d1;
border-radius: 4px;
}
.product h1 {
font-family: 'Tahoma', sans-serif;
font-weight: 400;
}
.top h1 + small {
display: block;
margin-top: -0.5rem;
color: #666;
}
label.anim:after {
content: '\25BA';
position: relative;
margin-top: -46px;
color: #f44336;
float: left;
margin-left: 5px;
font-size: 12px;
}
#photo-staging img, #main-product-image {
max-width: 100%;
height: auto;
background: #f0f2f5;
background: linear-gradient(110deg, #ffffff 8%, #f0f2f5 18%, #ffffff 33%);
border-radius: 5px;
background-size: 200% 100%;
box-shadow: inset 0 0 10px rgba(0,0,0,.1)
}
#photo-staging img.lf {
background: #fff;
box-shadow: none;
}
a.product-photo, a.product-video, #photo-staging label {
display: inline-block;
width: 16%;
aspect-ratio: 3 / 2;
max-width: 72px;
margin: 10px 10px 0 0;
}
#photo-staging a.product-video {
border: 1px solid #dee2e6;
margin: 10px 10px 0 4px;
border-radius: 4px;
text-align: center;
}
#photo-staging a.product-video img {
background: none;
width: 100%;
height: 100%;
box-shadow: none;
}
#photo-staging label.lottie {
display: none;
}
.product-page .embed-responsive {
margin-bottom: 20px;
}
@media (max-width: 360px) {
a.product-photo, a.product-video, #photo-staging label {
margin: 8px 8px 0 0;
}
}
.tiny-svg {
position: absolute;
}
a.product-photo img, #photo-staging label img {
width: 100%;
height: 100%;
border: 1px solid #dee2e6;
border-radius: 4px;
}
input#photo-1:checked ~ #product-photos div label[for="photo-1"] img, input#photo-2:checked ~ #product-photos div label[for="photo-2"] img,
input#photo-3:checked ~ #product-photos div label[for="photo-3"] img, input#photo-4:checked ~ #product-photos div label[for="photo-4"] img,
input#photo-5:checked ~ #product-photos div label[for="photo-5"] img, input#photo-6:checked ~ #product-photos div label[for="photo-6"] img,
input#photo-7:checked ~ #product-photos div label[for="photo-7"] img, input#photo-8:checked ~ #product-photos div label[for="photo-8"] img,
input#photo-9:checked ~ #product-photos div label[for="photo-9"] img, input#photo-10:checked ~ #product-photos div label[for="photo-10"] img {
border-color: #212529;
}
input#photo-11:checked ~ #product-photos div label[for="photo-11"] img, input#photo-12:checked ~ #product-photos div label[for="photo-12"] img,
input#photo-13:checked ~ #product-photos div label[for="photo-13"] img, input#photo-14:checked ~ #product-photos div label[for="photo-14"] img,
input#photo-15:checked ~ #product-photos div label[for="photo-15"] img, input#photo-16:checked ~ #product-photos div label[for="photo-16"] img,
input#photo-17:checked ~ #product-photos div label[for="photo-17"] img, input#photo-18:checked ~ #product-photos div label[for="photo-18"] img,
input#photo-19:checked ~ #product-photos div label[for="photo-19"] img, input#photo-20:checked ~ #product-photos div label[for="photo-20"] img {
border-color: #212529;
}
input#photo-21:checked ~ #product-photos div label[for="photo-21"] img, input#photo-22:checked ~ #product-photos div label[for="photo-22"] img,
input#photo-23:checked ~ #product-photos div label[for="photo-23"] img, input#photo-24:checked ~ #product-photos div label[for="photo-24"] img,
input#photo-25:checked ~ #product-photos div label[for="photo-25"] img, input#photo-26:checked ~ #product-photos div label[for="photo-26"] img,
input#photo-27:checked ~ #product-photos div label[for="photo-27"] img, input#photo-28:checked ~ #product-photos div label[for="photo-28"] img,
input#photo-29:checked ~ #product-photos div label[for="photo-29"] img, input#photo-30:checked ~ #product-photos div label[for="photo-30"] img {
border-color: #212529;
}
input#photo-31:checked ~ #product-photos div label[for="photo-31"] img, input#photo-32:checked ~ #product-photos div label[for="photo-32"] img,
input#photo-33:checked ~ #product-photos div label[for="photo-33"] img, input#photo-34:checked ~ #product-photos div label[for="photo-34"] img,
input#photo-35:checked ~ #product-photos div label[for="photo-35"] img, input#photo-36:checked ~ #product-photos div label[for="photo-36"] img,
input#photo-37:checked ~ #product-photos div label[for="photo-37"] img, input#photo-38:checked ~ #product-photos div label[for="photo-38"] img,
input#photo-39:checked ~ #product-photos div label[for="photo-39"] img, input#photo-40:checked ~ #product-photos div label[for="photo-40"] img {
border-color: #212529;
}
label.anim img {
border-color: #dee2e6 !important;
}
.price-main {
font-family: 'Tahoma', sans-serif;
font-size: 24px;
}
.price-main .amount {
letter-spacing: -1px;
font-size: 40px;
font-weight: 600;
}
.is-offer .price-main .amount, .is-reduced .price-main .amount {
color: #d80500;
}
.price-main .amount sup {
letter-spacing: normal;
font-size: 60%;
top: 2px;
left: -1px;
position: relative;
}
.price-main b {
font-weight: 500;
letter-spacing: -5px;
}
span.price-affix {
margin-left: 10px;
}
span.price-vat {
font-size: 90%;
opacity: .4;
display: block;
margin-top: -0.5rem;
}
span.y {
color: #5f5f5f;
}
.in3 {
font-size: 1.05rem;
font-weight: 500;
margin: 10px 0;
}
.in3 img {
margin-right: 5px;
}
.product-option {
background: #fff;
border: 1px solid #e3e3e3;
padding: 8px;
border-radius: 6px;
margin: 5px 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.product-option .foption {
flex-shrink: 0;
flex-grow: 0;
flex-basis: 25px
}
.product-option .faccessory {
flex-shrink: 0;
flex-grow: 0;
flex-basis: 30px;
}
.product-option .fimg {
flex-shrink: 0;
flex-grow: 0;
flex-basis: 55px
}
.product-option .fimg img {
width: 50px;
height: 50px;
}
.product-option .finfo {
width: 100%;
font-size: 14px;
}
.product-option .price-mini {
float: right;
}
.finfo .stock {
margin-left: 0;
}
.product-option.accessory .price-mini .amount {
font-size: 1.05rem;
letter-spacing: -0.5px;
}
.product-option .price-mini del {
text-decoration: none;
display: inline-block;
margin-right: 5px;
}
.product-option .price-mini del:before {
content: '';
display: block;
width: 100%;
background: #d80500;
height: 1px;
float: left;
margin-right: 5px;
transform: rotate(-15deg) translateX(-10%) translateY(8px);
white-space: nowrap;
border-radius: 4px;
}
.finfo del + span.amount {
color: #d80500;
}
.product-option .price-mini del + span span.amount {
color: #d80500;
}
#search-results del {
margin-top: 19px;
font-size: 18px;
}
.btn.btn-sidesearch {
width: auto;
line-height: 1px;
background: white;
padding: 0 4px;
height: 34px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #ccc;
border-left: 0;
}
input.silent.edition:checked + .product-option {
border: 1px solid #0d6efd;
background: #fbfcff;
}
input.silent.edition:checked + .product-option .checkmark, input.silent.edition:checked + .product-option .checkmarx {
background-color: #0d6efd;
}
input.silent.edition:checked + .product-option .checkmark:after, input.silent.edition:checked + .product-option .checkmarx:after {
display: block;
}
label.edition:hover .product-option .checkmark {
background: #ccc;
}
input.silent:checked + div.drop {
border: 3px solid #24272a;
}
div.checkoutline label {
display: block;
cursor: pointer;
}
div.checkoutline label p {
display: none;
}
div.checkoutline input:checked + span ~ p {
display: block;
}
.moption {
display: block;
position: relative;
cursor: pointer;
width: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkmark, .checkmarx {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #8a8a8a;
border-radius: 50%;
}
.checkmarx {
border-radius: 20%;
}
.checkmark:after, .checkmarx:after {
content: '';
position: absolute;
display: none;
}
.moption .checkmark:after {
top: 5px;
left: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
}
.moption .checkmarx:after {
content: '';
top: 4px;
left: 3px;
background: transparent;
width: 14px;
height: 9px;
border-left: 4px solid #fff;
border-bottom: 4px solid #fff;
transform: rotate(-49deg);
}
.switch {
position: relative;
display: inline-block;
width: 46px;
height: 20px;
}
.switch input {
width: 0;
height: 0;
opacity: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #8a8a8a;
-webkit-transition: .4s;
transition: .4s;
border-radius: 10px;
}
.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .3s;
transition: .3s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #0d6efd;
}
input:focus + .slider {
box-shadow: 0 0 1px #0d6efd;
}
input:checked:disabled + .slider {
background-color: #ccc;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
#mobile_menu {
padding: 10px 0;
font-size: 0.875rem;
}
#mobile_menu label, #mobile_menu a:link {
font-weight: normal;
cursor: pointer;
display: block;
padding: 0 5px 14px 30px;
margin: 0;
}
span.menugroup {
font-size: 0.8em;
text-transform: uppercase;
color: #757575;
}
.mobile_submenu {
transition: max-height 0.15s ease-out;
overflow: hidden;
max-height: 0;
margin-left: 30px;
}
#mobile_menu .mobile_submenu a:link {
padding: 0 5px 7px 30px;
}
.silent:checked + .mobile_submenu {
max-height: none;
}
.material-icon-before:before, #mobile_menu label:after, #mobile_menu label:before {
display: inline-block;
margin-right: 10px;
margin-left: -15px;
vertical-align: -2px;
display: inline-block;
content: ' ';
background-size: 14px 14px;
height: 14px;
width: 14px;
}
#mobile_menu label:before {
background-image: url('/assets/material/icons/folder_open_black_24dp.svg');
}
#mobile_menu label:after {
background-image: url('/assets/material/icons/expand_more_black_24dp.svg');
float: right;
}
.material-icon-before.home:before {
background-image: url('/assets/material/icons/home_black_24dp.svg');
}
.material-icon-before.offers:before {
background-image: url('/assets/material/icons/percent_black_24dp.svg');
}
.material-icon-before.refurbished:before {
background-image: url('/assets/material/icons/refurbish_black_24dp.svg');
}
.material-icon-before.country:before {
background-image: url('/assets/material/icons/translate_black_24dp.svg');
}
.material-icon-before.shops:before {
background-image: url('/assets/material/icons/storefront_black_24dp.svg');
}
.material-icon-before.account:before {
background-image: url('/assets/material/icons/person_black_24dp.svg');
}
.icon-large {
font-size: 24px !important;
margin-top: -3px;
}
.noradius-tl {
border-top-left-radius: 0;
}
.noradius-tr {
border-top-right-radius: 0;
}
#dateplucked {
background: #313639;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
margin-top: 10px;
}
#dateplucked a {
color: #ffdd55
}
table.dateplucker {
width: 100%;
max-width: 240px;
position: relative;
margin: 0 auto;
font-size: 14px;
border: 1px solid #ddd;
border-top: 0;
margin-bottom: 5px;
}
.dateplucker td {
color: #333;
padding: 4px 5px;
background: #fff;
}
.dateplucker .month {
background: #ddd;
color: #444;
text-align: center;
padding: 4px 4px 3px;
}
.dateplucker .month a:hover {
color: #fff
}
.dateplucker .days td {
color: #707478;
text-align: center
}
.dateplucker .disabled,.dateplucker .past,.dateplucker .that {
color: #e0e0e0;
background: #f5f5f5;
}
.dateplucker td.dd.selected:hover,.dateplucker td.selected {
border-radius: 3px;
background: #e8574f!important;
color: #fff
}
.dateplucker td.dd {
cursor: pointer;
text-align: center
}
.dateplucker td.dd:hover {
background: #eee;
border-radius: 3px
}
.dateplucker td.dd.disabled:hover,.dateplucker td.dd.past:hover {
background: inherit!important;
cursor: default
}
.dateplucker td.dd.selected:hover {
background: #eee
}
.dateplucker td.dd.selected.first:hover,.dateplucker td.dd.selected.last:hover {
background: #3991df
}
.dateplucker .disabled.holiday {
background: #ffe5e5;
color: #d7bebe;
}
.media, .media-body {
overflow: hidden;
}
.media p {
font-size: .9rem;
}
.media-body {
width: 9000px;
}
.media-object {
display: block;
}
.media-left, .media-right, .media-body {
display: table-cell;
vertical-align: top;
}
.media-left, .media > .pull-left {
padding-right: 10px;
}
.media-right, .media > .pull-right {
padding-left: 10px;
}
.media-right a small {
display: block;
margin-top: -40px;
font-size: 12px;
line-height: 16px;
padding: 4px 7px;
background: linear-gradient(45deg, black, transparent);
position: relative;
color: #fff;
}
.flink {
cursor: pointer
}
.flink:hover {
text-decoration: underline;
}
.media {
margin-top: 15px;
margin-bottom: 15px;
}
.drop.sheet .media {
margin-top: 5px;
}
.thumbnail.new {
background: repeating-linear-gradient(45deg, #ffebee, #ffebee 10px, #fff 10px, #fff 20px);
}
.category .row.sm-flex-wrap {
background: #F8F9F8;
border-radius: 6px;
padding: 9px 0 0;
}
.fakemeo {
cursor: pointer;
}
.fakemeo img {
width: 100%;
position: relative;
pointer-events: none;
}
#fakemeo-overlay {
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
#fakemeo-info {
align-self: flex-start;
}
#fakemeo-play {
color: #ffffff;
background: rgba(255,0,0,.75) url(/assets/material/icons/play_arrow_white_24dp.svg) no-repeat;
background-position: center center;
background-size: 60px;
width: 100px;
height: 74px;
text-align: center;
border-radius: 10px;
cursor: pointer;
pointer-events: none;
}
#fakemeo-brand {
background: rgba(0,0,0,.75) url(/assets/graphics/vimeo.svg) no-repeat;
background-position: center center;
width: 76px;
border-radius: 15px;
height: 30px;
align-self: flex-end;
margin: 0 10px 10px 0;
}
.fakemeo:hover #fakemeo-play {
background-color: #014efa;
filter: invert(1);
}
.xs-flex-wrap {
display: flex; flex-wrap: wrap;
}
.xs-flex-wrap .col-xs-6 {
width: calc((100% / 2) - 20px);
margin: 10px 10px 12px!important;
padding: 0px 4px 4px;
justify-content: space-between;
}
@media (max-width: 359.98px) {
a.mb-link[href~="/personal"] {
display: none;
}
}
@media (max-width: 575.98px) {
.col-xs-12.category-sorter {
margin-bottom: 10px;
}
.applink, #vimeo, #specifications {
scroll-margin-top: 50px;
}
.category .row.sm-flex-wrap {
border-radius: 0;
}
.cartline .stock {
clear: both
}
.thumbnail .product-title {
min-height: 0;
}
text.wack {
font-size: 2rem;
dominant-baseline: hanging;
}
#description .alert {
margin: 0 -20px;
padding: 10px 15px;
}
footer > .business {
padding: 30px;
}
main.product-page .row.product {
margin: 0;
}
.product-tabs label {
font-size: .85rem;
margin: 0 .2rem;
padding-bottom: 5px;
}
.featurette-divider {
margin: 15px 0;
}
.business ul.list-unstyled {
margin-bottom: 40px;
}
.sm-flex {
margin: 0 10px 15px;
padding: 0px 4px 4px;
}
}
@media (max-width: 767.98px) {
main {
-webkit-box-shadow: none;
box-shadow: none;
outline: 50px solid #fff;
margin-bottom: 50px;
padding-bottom: 0;
}
.specifications .col-left span, .table-compare .spexplain {
border-bottom: 0;
}
.media-heading {
text-align: center;
margin-top: 5px;
}
#collar {
background: linear-gradient(90deg, #ffe455, #ffe036 38%, #ffe455);
color: #303538;
box-shadow: 0px -3px 2px 4px rgba(0,0,0,0.2)
}
div#product-photos {
margin-right: -15px;
}
.media-right, .media-left {
display: block;
text-align: center;
}
.media-object {
display: inline;
}
main.product-page li.breadcrumb-item:first-child, li.breadcrumb-item.active {
display: none;
}
main.product-page .breadcrumb-item:first-child+.breadcrumb-item::before {
content: '';
padding: 0;
}
.row.product {
margin: 0 10px;
}
#collar {
position: fixed;
z-index: 3000;
max-height: 48px;
overflow: hidden;
top: 0;
right: 0;
left: 0;
margin-top: 0;
transition: margin-top .3s ease;
}
#collar.hiding {
margin-top: -48px;
}
body.page-filter-toggled #collar.hiding {
margin-top: 0;
}
body {
padding-top: 48px;
}
.thumbnail .product-title {
height: auto;
}
.thumbnail .properties {
min-height: auto;
}
input#i_fname {
margin-bottom: 5px;
}
}
@media (max-width: 991.98px) {
#sidesearch {
background: linear-gradient(90deg, #ffe455, #ffe036 38%, #ffe455);
position: relative;
}
#navmain svg.xsbrand, .gradient-dark svg.xsbrand {
transform: translate(17px, 11px);
}
header .col-xs-3.col-md-4.col-lg-3:before {
width: 445px;
height: 760px;
top: -155px;
left: 146px;
}
.pad-touchinput .btn {
padding: 5px;
margin: 0 10px;
border-radius: 25px;
line-height: 0px;
}
.tall-md-200 {
padding: 5px 5px 15px 15px;
}
header {
padding: 13px 0 6px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
#bodyside li {
display: inline-block;
width: 32%;
}
}
@media (min-width: 576px) {
#video,#vimeo,#specifications {
scroll-margin-top: 80px;
}
.thumbnail .stock {
align-self: start;
}
.sm-flex {
display: flex; flex-direction: column;
}
.sm-flex-wrap {
display: flex; flex-wrap: wrap;
}
.sm-flex-wrap .col-sm-6 {
width: calc((100% / 2) - 20px);
margin: 10px 10px 12px!important;
padding: 0px 4px 4px;
justify-content: space-between;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
header .col-xs-3.col-md-4.col-lg-3:before {
width: 672px;
height: 760px;
top: -214px;
left: 122px;
}
.landing .row.sm-flex-wrap .sm-flex:nth-child(7), .landing .row.sm-flex-wrap .sm-flex:nth-child(8) {
display: none;
}
}
@media (min-width: 992px) {
.lg-flex {
display: flex; flex-direction: column;
}
.lg-flex-wrap {
display: flex; flex-wrap: wrap;
}
.lg-flex-wrap .col-lg-4 {
width: calc((100% / 3) - 20px);
margin: 10px 10px 12px!important;
padding: 0px 4px 4px;
justify-content: space-between;
}
.lg-flex-wrap .col-lg-6 {
width: calc((100% / 2) - 20px);
margin: 10px 10px 12px!important;
padding: 0px 4px 4px;
justify-content: space-between;
}
.pad-touchinput button.btn.btn-default, .btn-default.co-btn {
padding: 5px;
line-height: 5px;
margin: 0 5px;
border: 0;
}
#photo-staging img, #main-product-image {
cursor: pointer;
}
nav#sidebar {
display: none;
}
.sm-flex-wrap .col-lg-4 {
width: calc((100% / 3) - 20px);
margin: 10px 10px 12px!important;
padding: 0px 4px 4px;
justify-content: space-between;
}
.price-window .top {
padding-top: 10px;
}
.penta-md {
width: 20%;
}
.lg-sticky-0 {
position: sticky;
top: 80px;
padding: 10px 15px
}
.product-pricer-conf {
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.lg-offwhite {
background: #fff;
}
.price-window.lg-offwhite {
padding: 0 10px 5px;
margin: 0 -10px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.search-tab .input-group .form-control {
width: 256px
}
#carousel .frame label.controls {
top: 130px;
}
}
@media (min-width: 1200px) {
main.nosidebar .sm-flex-wrap .col-lg-4, main.landing .sm-flex-wrap .col-lg-4 {
width: calc((100% / 4) - 20px);
margin: 10px 10px 12px!important;
padding: 0px 4px 4px;
justify-content: space-between;
}
.penta-lg {
width: 20%;
}
.search-tab .input-group .form-control {
width: 316px
}
#carousel .frame label.controls {
top: 160px;
}
}
@media (max-height: 480px) and (orientation: landscape) {
body {
padding-top: 48px;
}
[type=radio]:checked ~ #sidebar {
display: block;
}
#collar {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 3000;
max-height: 48px;
overflow: hidden;
height: 48px;
background: linear-gradient(90deg, #ffe455, #ffe036 22%, #ffe455);
color: #303538;
box-shadow: 0px -3px 2px 4px rgb(0 0 0 / 20%);
margin-top: 0;
transition: margin-top .3s ease;
}
#collar.hiding {
margin-top: -48px;
}
body.page-filter-toggled #collar.hiding {
margin-top: 0;
}
#navmain svg.xsbrand, .gradient-dark svg.xsbrand {
transform: translate(17px, 11px);
}
#sidesearch {
background: linear-gradient(to bottom,#fd5 0,#ffca00 100%);
position: relative;
}
.visible-xs-landscape {
display: block !important;
}
.hidden-xs-landscape {
display: none;
}
}
.premenu a span {
display: inline-block;
}
.premenu a img {
opacity: 1;
filter: invert(1) brightness(2);
}
.product-pricer-conf .media:before {
background-image: linear-gradient(45deg, #ff1967 25%, #fff 25%, #fff 50%, #ff1967 50%, #ff1967 75%, #fff 75%, #fff 100%);
background-size: 56.57px 56.57px;
content: ' ';
display: block;
left: -10px;
height: 6px;
position: absolute;
top: 0px;
right: 0px;
}
.product-pricer-conf .media {
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
padding: 10px;
border-radius: 10px;
border: 3px solid #ff1967;
position: relative;
}
.is-offer .caption.h70:before, .is-offer .caption.h70:after, .is-offer .top .h1_sub:before, .is-offer .top .h1_sub:after {
display: inline-block;
font-weight: bold;
text-align: center;
text-transform: uppercase;
position: absolute;
top: 0;
font-size: .75rem;
width: 150%;
font-family: "Arial", "Helvetica", sans-serif;
transition: all .1s ease-in-out;
white-space: nowrap;
}
.price-window .h1_sub {
overflow: hidden;
position: relative;
}
.is-offer .top .h1_sub:before, .is-offer .caption.h70:before {
background-image: linear-gradient(45deg, #ffee00 25%, #000000 25%, #000000 50%, #ffee00 50%, #ffee00 75%, #000000 75%, #000000 100%);
background-size: 56.57px 56.57px;
color: #212529;
padding: 5px 0 4px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.is-offer .top .h1_sub:before {
transform: translate(-20px, 0);
content: '!';
top: 0;
}
.is-offer .top .h1_sub:after {
content: ' ';
background: #FFEB3B;
color: #212529;
top: 0;
padding-top: 1px;
transform: translate(-100px, 4px);
line-height: 1.42857143;
}
.is-offer .caption.h70:before {
content: ' ';
display: inline-block;
transform: translate(-20px, -20px);
content: '!'
}
.is-offer .caption.h70:after {
content: ' ';
display: inline-block;
background: #FFEB3B;
color: #212529;
padding-top: 1px;
transform: translate(-100px, -16px)
}
#photo-staging:hover:before {
transform: rotate(345deg) translate(-60px, -119px);
}
#photo-staging:hover:after {
transform: rotate(345deg) translate(-150px, -115px);
}
html[lang^="nl"] .is-offer .caption.h70:after, html[lang^="nl"] .is-offer .top .h1_sub:after { content: 'Magazijnopruiming Magazijnopruiming Magazijnopruiming Magazijnopruiming Magazijnopruiming Magazijnopruiming Magazijnopruiming Magazijnopruiming Magazijnopruiming'; }
html[lang^="pt"] .is-offer .caption.h70:after, html[lang^="pt"] .is-offer .top .h1_sub:after { content: 'Liberação de armazém Liberação de armazém Liberação de armazém Liberação de armazém Liberação de armazém Liberação de armazém Liberação de armazém Liberação de armazém'; }
html[lang^="fr"] .is-offer .caption.h70:after, html[lang^="fr"] .is-offer .top .h1_sub:after { content: "braderie d'entrepôt braderie d'entrepôt braderie d'entrepôt braderie d'entrepôt braderie d'entrepôt braderie d'entrepôt braderie d'entrepôt braderie d'entrepôt"; }
html[lang^="de"] .is-offer .caption.h70:after, html[lang^="de"] .is-offer .top .h1_sub:after { content: 'Lagerräumungsverkauf Lagerräumungsverkauf Lagerräumungsverkauf Lagerräumungsverkauf Lagerräumungsverkauf Lagerräumungsverkauf Lagerräumungsverkauf Lagerräumungsverkauf'; }
html[lang^="it"] .is-offer .caption.h70:after, html[lang^="it"] .is-offer .top .h1_sub:after { content: 'liquidazione magazzino liquidazione magazzino liquidazione magazzino liquidazione magazzino liquidazione magazzino liquidazione magazzino liquidazione magazzino'; }
html[lang^="es"] .is-offer .caption.h70:after, html[lang^="es"] .is-offer .top .h1_sub:after { content: 'Despacho de almacén Despacho de almacén Despacho de almacén Despacho de almacén Despacho de almacén Despacho de almacén Despacho de almacén Despacho de almacén '; }
html[lang^="en"] .is-offer .caption.h70:after, html[lang^="en"] .is-offer .top .h1_sub:after { content: 'Warehouse clearance Warehouse clearance Warehouse clearance Warehouse clearance Warehouse clearance Warehouse clearance Warehouse clearance Warehouse clearance '; }
.has-dropped .top .h1_sub:after {
display: inline-block;
font-weight: bold;
text-align: center;
font-size: .75rem;
text-transform: uppercase;
font-family: "Arial", "Helvetica", sans-serif;
background: #ff1100;
padding: 5px 12px;
color: #fff;
border-radius: 999em;
}
html[lang^="nl"] .has-dropped .top .h1_sub:after { content: 'In prijs verlaagd'; }
html[lang^="pt"] .has-dropped .top .h1_sub:after { content: 'Novo preço reduzido'; }
html[lang^="fr"] .has-dropped .top .h1_sub:after { content: 'Nouveau prix réduit'; }
html[lang^="de"] .has-dropped .top .h1_sub:after { content: 'Neuer reduzierter Preis'; }
html[lang^="it"] .has-dropped .top .h1_sub:after { content: 'Nuovo prezzo scontato'; }
html[lang^="es"] .has-dropped .top .h1_sub:after { content: 'Nuevo precio reducido'; }
html[lang^="en"] .has-dropped .top .h1_sub:after { content: 'New reduced price'; }
.nofilter.w100p.text-center {
margin: 10px;
}
.row.callnao {
background: linear-gradient(180deg, #000, #313538);
padding: 10px 0;
margin: 10px;
border-radius: 5px;
}
.callnao-box {
width: 240px;
margin: 10px auto 10px;
}
.callnao-circle {
float: left;
background: #00ac07;
border-radius: 50px;
width: 60px;
height: 60px;
border: 3px solid #ffffff;
padding: 6px;
}
.callnao-top {
background: #ffffff;
color: #000;
border-top-left-radius: 50px;
margin-left: 10px;
margin-right: 50px;
padding-right: 20px;
border-top-right-radius: 50px;
font-weight: 600;
}
.callnao-number {
background: #E91E63;
border-radius: 50px;
margin-left: 10px;
font-size: 20px;
font-weight: bold;
}
.callnao-number a, .callnao-number a:visited, .callnao-number a:active, .callnao-number a:hover {
color: #ffffff;
text-decoration: none;
}
.callnao-text {
font-size: .925rem;
font-weight: 600;
color: #fff;
}
.callnao-text span {
font-weight: normal;
}
.free-ass .product-title + a:before {
display: inline-block;
content: '+ Gratis Montage';
background: #ff1a67;
font-size: .7rem;
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: 2px 8px;
margin: 0 10px;
border-radius: 4px;
}
#description .panel {
box-shadow: none;
}
#description .panel-heading {
background: none;
}
#description legend {
color: #505a5f;
font-size: 1.25rem;
}
#description ol {
margin-left: 20px;
}
#description .media {
margin: 15px 0;
}
#description .media-heading {
font-weight: 600;
font-size: .975rem;
}
#description ul {
margin-bottom: 20px;
}
.css-patch-1 {
background: #fff url(/assets/graphics/ideal.svg) right 6px top 10px no-repeat; border-radius: 6px; border-left: 3px solid #cc1c69; padding: 10px 14px 10px 14px; margin-bottom: 20px;
background-size: 30px;
box-shadow: 1px 1px 3px rgba(204,28,105,.25);
}
.css-patch-1i3 {
background: #fff url(/assets/ideal/in3.svg) right 6px top 8px no-repeat; border-radius: 6px; border-left: 3px solid #cc1c69; padding: 10px 14px 10px 14px; margin-bottom: 20px;
background-size: 60px;
box-shadow: 1px 1px 3px rgba(204,28,105,.25);
}
.css-patch-2 {
font-size: 18px; color: #cc0066
}
.css-patch-3 {
background: #fff url(/assets/graphics/visamastercard.svg) right 6px no-repeat;
background-size: 100px; border-radius: 6px; border-left: 3px solid #253b80; padding: 10px 14px 10px 14px; margin-bottom: 20px;
box-shadow: 1px 1px 3px rgba(37,59,128,.25);
}
.css-patch-4 {
font-size: 18px; color: #27346a
}
.css-patch-5 {
color: #2790c3
}
.css-patch-7 {
margin-top: 9px
}
.css-patch-8 {
background: #fff url(/assets/graphics/visamastercard.svg) right 6px no-repeat;
background-size: 100px; border-radius: 6px; border-left: 3px solid #00adee; padding: 10px 14px 10px 14px; margin-bottom: 20px;
box-shadow: 1px 1px 3px rgba(0, 173, 238, .25);
}
.css-patch-9 {
font-size: 18px; color: #00ABEE
}
.css-patch-10 {
color: #666; font-size: 12px
}
.css-patch-11 {
color: #004A71
}
.css-patch-12 {
background: #fff; border-radius: 6px; border-left: 3px solid #ef662f; padding: 10px 14px 10px 14px; margin-bottom: 20px;
box-shadow: 1px 1px 3px rgba(239, 102, 47, .25);
}
.css-patch-13 {
font-size: 18px; color: #ef662f
}
.css-patch-14 {
color: #000
}
.css-patch-15 {
background: #fff; border-radius: 6px; border-left: 2px solid #009286; padding: 10px 14px 10px 14px; margin-bottom: 20px;
box-shadow: 1px 1px 3px rgba(0, 146, 134, .25);
}
.css-patch-16 {
font-size: 18px; color: #009286
}
.css-patch-17 {
background: #f4f4f4; padding: 20px 30px 5px; border-radius: 10px
}
.css-patch-18 {
color: #004A71
}
.css-patch-19 {
margin-right: 70px;
}
.cat-head.cat-1003 {
background-image: url(/assets/graphics/categories/1003.webp);
}
.cat-head.cat-1004 {
background-image: url(/assets/graphics/categories/1004.webp);
}
.cat-head.cat-1006 {
background-image: url(/assets/graphics/categories/1006.webp);
}
.cat-head.cat-1008 {
background-image: url(/assets/graphics/categories/1008.webp);
}
.cat-head.cat-1109 {
background-image: url(/assets/graphics/categories/1109.webp);
}
.cat-head.cat-3106 {
background-image: url(/assets/graphics/categories/3106.webp);
}
.cat-head.cat-3401 {
background-image: url(/assets/graphics/categories/3401.webp);
}
.cat-head.amsterdam {
background-image: url(/assets/graphics/tmp_1.webp);
}
.cat-head.service {
background-image: url(/assets/graphics/helisports_service.webp);
}
.cat-head.delivery {
margin-top: 8px; border: 0; background-image: url(/assets/graphics/carriers/helisports/van-helisports-sm.jpg); background-position: center 48%; background-size: cover
}
.delivery-info {
border-top: 1px solid #eaeaea; padding: 10px; margin-top: 10px; font-size: .825rem
}
.delivery-header {
margin: 0 -16px 16px;
background-size: cover;
height: 200px
}
.delivery-header.dhl {
background: url(/assets/graphics/carriers/dhl/DHL_GoGreen_wijk_1380X960.jpeg); background-position: 0% 40%; background-size: cover;
}
.delivery-header.transmission {
background: url(/assets/graphics/carriers/transmission/TransMission-levering-2as.jpg); background-position: 0% 20%; background-size: cover;
}
.delivery-header.helisports {
background: url(/assets/graphics/carriers/helisports/van-helisports-sm.jpg);background-position: center center; background-size: cover;
}
.delivery-header.dachser {
background: url(/assets/graphics/carriers/dachser/dachser-logistics-newsroom-press_rdax_65.jpeg);background-position: center center; background-size: cover;
}
.about-head.int {
background: url(/assets/graphics/helisports_body.jpg) center top no-repeat; background-size: cover; height: 220px; margin-bottom: 12px;
}
.about-head.delivery {
background: url(/assets/graphics/helisports_cars.jpg) center top no-repeat; background-size: cover; height: 200px; margin-bottom: 12px;
}
.about-head.showroom {
background: url(/assets/graphics/tmp_1.jpg) center bottom no-repeat; background-size: cover; height: 200px; margin-bottom: 12px;
}
.about-head {
position: relative;
}
.about-head h2 {
position: absolute;
top: 150px;
background: rgba(0,0,0,0.5); color: #fff; padding: 4px 14px
}
html.no-webp .cat-head.cat-1003 {
background-image: url(/assets/graphics/categories/1003.jpg);
}
html.no-webp .cat-head.cat-1004 {
background-image: url(/assets/graphics/categories/1004.jpg);
}
html.no-webp .cat-head.cat-1006 {
background-image: url(/assets/graphics/categories/1006.jpg);
}
html.no-webp .cat-head.cat-1008 {
background-image: url(/assets/graphics/categories/1008.jpg);
}
html.no-webp .cat-head.cat-1109 {
background-image: url(/assets/graphics/categories/1109.jpg);
}
html.no-webp .cat-head.cat-3106 {
background-image: url(/assets/graphics/categories/3106.jpg);
}
html.no-webp .cat-head.cat-3401 {
background-image: url(/assets/graphics/categories/3401.jpg);
}
html.no-webp .cat-head.amsterdam {
background-image: url(/assets/graphics/tmp_1.jpg);
}
.cat-head.service {
background-image: url(/assets/graphics/helisports_service.jpg);
}
.svgshop { paint-order: stroke; stroke: #ffffff; stroke-linecap: round; stroke-linejoin: round }
.svg-stroke-0 { stroke-width: 0px; }
.svg-stroke-1 { stroke-width: 1px; }
.svg-stroke-2 { stroke-width: 2px; }
.svg-stroke-3 { stroke-width: 3px; }
.svg-stroke-4 { stroke-width: 4px; }
.svg-stroke-5 { stroke-width: 5px; }
.svg-stroke-6 { stroke-width: 6px; }
.svg-stroke-7 { stroke-width: 7px; }
.svg-stroke-8 { stroke-width: 8px; }
.svg-stroke-9 { stroke-width: 9px; }
.svg-stroke-10 { stroke-width: 10px; }
.svgdeg { transform-box: fill-box; transform-origin: center center; }
.svg-rotate--90 { transform: rotate(-90deg); }
.svg-rotate--80 { transform: rotate(-80deg); }
.svg-rotate--70 { transform: rotate(-70deg); }
.svg-rotate--60 { transform: rotate(-60deg); }
.svg-rotate--50 { transform: rotate(-50deg); }
.svg-rotate--40 { transform: rotate(-40deg); }
.svg-rotate--30 { transform: rotate(-30deg); }
.svg-rotate--20 { transform: rotate(-20deg); }
.svg-rotate--10 { transform: rotate(-10deg); }
.svg-rotate-10 { transform: rotate(10deg); }
.svg-rotate-20 { transform: rotate(20deg); }
.svg-rotate-30 { transform: rotate(30deg); }
.svg-rotate-40 { transform: rotate(40deg); }
.svg-rotate-50 { transform: rotate(50deg); }
.svg-rotate-60 { transform: rotate(60deg); }
.svg-rotate-70 { transform: rotate(70deg); }
.svg-rotate-80 { transform: rotate(80deg); }
.svg-rotate-90 { transform: rotate(90deg); }
.app-link-holder {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.app-link {
background: linear-gradient(0deg, white, #dddddd);
text-align: center;
padding: 10px;
border-radius: 4px;
scroll-margin-top: 80px;
}
.col-md-4.app-link {
width: calc(33% - 5px);
}
.col-md-6.app-link {
width: calc(50% - 5px);
}
.app-tiny {
margin: 0 2px 0 4px;
}
@media (max-width: 767.98px) {
.app-link {
width: 100% !important;
}
}
.app-link-screen {
border-radius: 10px;
margin: 10px 50px;
padding: 12px;
background: linear-gradient(42deg, black, #535353, black,#303030);
border-left-width: 10px;
border-right-width: 10px;
box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
}
.app-link-icon {
margin-top: -20px;
margin-bottom: 10px;
width: 72px;
height: 72px;
box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
border-radius: 16px;
border: 1px solid white;
}
.app-link-screen img {
max-width: 100%;
border-radius: 3px;
}
.app-link-body p {
font-size: .9rem;
margin: 0 20px
}
.app-link.iconsole {
background: linear-gradient(0deg, #f9f9f9, #d8d8d8);
}
.app-link.iconsole .app-link-icon {
background: #F9F9F9;
}
.app-link.kinomap {
background: linear-gradient(0deg, #fff6d8, #ffc912);
}
.app-link.kinomap .app-link-icon {
background: #FFC912;
}
.app-link.zwift {
background: linear-gradient(0deg, #fff1ea, #f06924);
}
.app-link.zwift .app-link-icon {
background: #F06924;
}
.app-link.exploretw {
background: linear-gradient(0deg, #e0ffff, #5fa0a0);
}
.app-link.exploretw .app-link-icon {
background: linear-gradient(130deg, #FFCC33, #F7A761);
}
.app-link.tunturiroutes {
background: linear-gradient(0deg, #eeffe8, #4fa730);
}
.app-link.tunturiroutes .app-link-icon {
background: #4fa730;
}
#share-api {
font-size: 0.825rem;
margin-top: 20px;
}
#share-api-button {
background: url(/assets/share-api-icons.svg) no-repeat;
background-size: 160px;
background-position: center bottom;
margin-top: 5px;
border: 0;
outline: 0;
width: 160px;
height: 22px;
}
#share-api-button:hover {
background-position: center top;
}
#banter {
z-index: 10002;
position: fixed;
right: 30px;
bottom: 30px;
transition: all 0.2s ease-in;
}
#banter label {
width: 60px;
height: 60px;
}
#banter .banter_icon {
width: 60px;
height: 60px;
background: #ffc302;
border-radius: 50%;
text-align: center;
padding-top: 12px;
}
#banter #channel-whatsapp, #banter #channel-email, #banter #channel-chat {
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
margin-bottom: 24px;
padding-top: 10px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
cursor: pointer;
}
#banter #channel-whatsapp {
background: #4dc247;
}
#banter #channel-email {
background: #ea4335;
}
#banter #channel-chat {
background: #2196f3;
}
#opened_banter, #closed_banter {
transition: all 0.3s ease;
transform-origin: center center;
display: block;
}
#banter .banter_label {
position: absolute;
white-space: nowrap;
top: 50%;
right: 100%;
transform: translateY(-50%);
margin-right: 10px;
padding: 5px 15px;
border-radius: 50px;
background: #313538;
color: #fff;
opacity: 0;
transition: opacity .3s ease-in-out;
pointer-events: none;
}
#banter .banter_channel:hover span.banter_label {
opacity: 1;
}
#opened_banter {
transform: scale(1);
margin-top: -60px;
}
#closed_banter {
transform: scale(0);
}
#banter-closed:checked + .banter_icon #closed_banter {
transform: scale(1)
}
#banter-closed:checked + .banter_icon #opened_banter {
transform: scale(0) rotate(-90deg);
}
#banter_channels, #banter_channels .banter_channel {
transition: all 0.3s ease;
transform-origin: bottom center;
transform: scale(0);
}
#banter-open:checked + #banter_channels, #banter-open:checked + #banter_channels .banter_channel {
transform: scale(1);
}
body.annoying #banter {
display: none;
}