body {
    font-family: Lato,HelveticaNeue,Helvetica Neue,sans-serif;
    color: #777777;
    font-weight: 400;
    font-size: 16px;
}
main {
    margin-top: 135px;
}
.btn,
#alt-delivery-address-wrapper,
.cart-icon,
a,
.figure-cta,
.product-description-cut-off.open
.product-description-long,
#category-cut-off.open,
#buy-shortcut,
.cc-window.cc-bottom,
.caret,
.dropdown,
.category-image > div,
.editable-fields,
.responsive-text,
.productinfo,
.search-form.frontpage input,
.search-results li,
#clerk-search-filters-container,
#deliverynote,
.cross-selling-column {
    transition: 0.15s ease-in-out;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
a:focus,
a:active:focus {
    outline: none;
}
.btn-voucher,
.btn-back {
    margin-bottom: 10px;
}
.btn-buy {
    margin-left: 15px;
}
.muted,
.muted > a {
    color: #6e6e6e;
}
.image-switcher {
    margin-bottom: 6px;
    display: block;
}
#secondary-product-pic-container > div > div:last-child .image-switcher {
    margin-bottom: 0px;
}
.anchor {
    position: relative;
    top: -140px;
}
a.current {
    color: #303030 !important;
}
a {
    color: #303030;
    text-decoration: none;
}
a#private-radio-btn {
    color: #777777;
}
a:hover,
a:focus {
    text-decoration: none;
}
p > a {
    font-weight: normal;
}
p {
    margin-bottom: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .soft-h1, .soft-h2, .soft-h3 {
    
    font-weight: bold;
    color: #777777;
    margin: 0 0 16px 0;
}
h1, .soft-h1 {
    font-size: 24px;
}
h2, .soft-h2 {
    font-size: 20px;
    line-height: 1.1;
}
h3, .soft-h3 {
    font-size: 16px;
    line-height: 1.1;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 14px;
}
ul, ol {
    margin-bottom: 20px;
}
header ul, header ol,
footer ul, footer ol {
    margin-bottom: 10px;
}
section li,
.search-results li,
.category-menu li {
    padding: 4px 0;
}
.search-results li:hover,
.search-form.frontpage input:hover,
.search-form.frontpage input:focus {
    transform: scale(1.02);
}
.search-form.frontpage input:hover,
.search-form.frontpage input:focus {
    line-height: 2em;
}
.nav-tabs > li {
    padding: 0;
}
.flag:hover,
.flag.selected {
    opacity: 1;
    -moz-transform: scale(1.136);
    -webkit-transform: scale(1.136);
    transform: scale(1.136);
}
.flag {
    position: absolute;
    right: 15px;
    font-size: 22px;
    top: -3px;
    transition: all 0.25s;
    opacity: 0.5;
}
.flag-dk {
    right: 85px;
}
.flag-se {
    right: 50px;
}
section.grey {
    background-color: #f2f5f8;
    padding-bottom: 30px;
}
.frontpage section.grey,
.frontpage section {
    padding-top: 45px;
    padding-bottom: 45px;
}
.blue-line {
    margin: 0 0 35px 0 !important;
}
.blue-line:before {
    content: "";
    position: absolute;
    bottom: 25px;
    height: 3px;
    width: 25px;
    background-color: #303030;
}
.header-stripe h1 {
    margin: -7px 0 -6px 0;
}
header {
    font-size: 14px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: white;
    z-index: 1030;
    box-shadow: 0px 0px 5px #3c4a55;
}
header #header-product-menu .dropdown-menu {
    font-size: 16px;
}
footer, .stellar {
    font-size: 14px;
}
#header-bottom {
    padding-top: 10px;
    background-color: #f2f5f8;
}
#header-product-menu {
    border-top: 1px solid #d2d2d2;
}
.horisontal-product-menu > li:first-child > a {
    padding-left: 0;
}
.navbar {
    position: relative;
    min-height: 0;
    margin-bottom: 0;
    border: none;
}
.navbar-default {
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #777777;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 400;
}
.navbar-nav.mobile-icons {
    margin: 0;
}
.navbar-nav.mobile-icons > li {
    display: inline-block;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: transparent;
    border-color: #e7e7e7;
    color: #777777;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #303030;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}
.nav > li > a:hover, .nav > li > a:focus,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
}
.dropdown-menu {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    border-top: 1px solid #d0d0d0;
}
.category-menu .dropdown {
    left: 90%;
    top: -6px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    float: left;
    min-width: 200px;
    padding: 5px 15px 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
}
.category-menu .toggle:hover + .dropdown,
.category-menu .dropdown:hover {
    visibility: visible;
    opacity: 1;
}
.category-menu .dropdown li a {
    padding: 0 15px;
    color: #777777;
    font-weight: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.category-menu li {
    position: relative;
}
.category-menu a,
.article-menu a {
    color: #777777;
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.category-menu li.active a,
.article-menu li.active a {
    color: #303030;
}
.category-menu a:hover,
.article-menu a:hover,
.category-menu .dropdown a:hover {
    color: #303030;
    margin-left: 5px;
}
.category-image {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: #303030;
}
.category-image > div {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 10px;
    position: absolute;
    color: #777777;
    bottom: 15%;
}
.category-image:hover > div {
    background-color: #3c4a55;
    color: white;
}
#cart-window {
    font-weight: bold;
    line-height: 1.42857143;
}
#cart-window:hover,
#cart-window:focus,
#cart-window:active:focus {
    color: #303030;
}
#cart-window:hover .cart-icon {
    box-shadow: inset 0 0 0 1px #303030;
    color: #303030;
}
#cart-window .empty {
    cursor: not-allowed;
    opacity: 0.5;
}
#cart-window .empty:hover .cart-icon,
.cart-icon {
    position: relative;
    box-shadow: inset 0 0 0 20px #303030;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px 0 0 11px;
    color: white;
    margin-right: 10px;
    margin-left: 20px;
    background-color: white;
}
.cart-icon a {
    color: white;
}
.item-count {
    background: #3c4a55;
    padding: 0px 5px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 1em;
    position: absolute;
    top: -3px;
    right: -2px;
    color: white;
}
.themecolor {
    color: #303030;
}
#header-top {
    background-color: #3c4a55;
    padding-top: 7px;
    position: relative;
    height: 34px;
}
.shop-logo {
	font-size: 20px;
    font-family: 'Michroma', sans-serif;
    color: #303030;
    margin-top: 4px;
    display: block;
}
.header-bottom-checkout .shop-logo {
    margin-top: 4px;
    margin-bottom: 16px;
}
.checkout-steps {
    text-transform: uppercase;
}
.checkout-steps li {
    padding: 0;
}
.checkout-steps .step-done a {
    color: #303030;
    font-weight: bold;
}
.checkout-steps a {
    color: #777777;
}
.shop-logo:hover {
    color: #303030;
}

.shop-logo:before {
	content: "";
	display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url(/themes/img/xcp-shop-logo.png?v=2);
    background-size: 100%;
    margin-bottom: -1px;
}

.shop-usps a, .shop.usps a:hover {
    color: #c4d0dd;
}
.shop-usps li {
    padding-right: 10px;
    padding-left: 10px;
}
ul.usp {
    font-size: 16px;
}
ul.usp li {
    width: 33%;
    vertical-align: middle;
    text-align: center;
}
#footer-top {
    background: #f2f5f8;
    padding: 25px 0 20px 0;
    margin-top: 15px;
}
#footer-middle {
    background: #3c4a55;
    color: #c4d0dd;
    padding: 35px 0 20px 0;
    position: relative;
    overflow: hidden;
}
#footer-middle .fa-globe {
    position: absolute;
    right: 10px;
    top: -20px;
    font-size: 600px;
    color: rgba(0, 0, 0, 0.15);
}
#footer-middle a {
    color: #c4d0dd;
}
#footer-middle a:hover {
    color: white;
}
.footer-middle-header {
    margin-top: 0;
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
}
#footer-bottom {
    background: #353D43;
    color: #c4d0dd;
    padding: 25px 0 25px 0;
}
.card-types,
.carriers {
    font-size: 1.4em;
    margin: 0;
}
.card-types .icon-mobilepay-logo,
.card-types .icon-viabill-logo {
    font-size: 75%;
}
.payment-table {
	margin-top:40px;
	margin-bottom:40px;
}
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}
.alert.price-info {
    padding: 6px;
}
.viabill-pricetag {
    overflow: hidden;
}
.fixed .viabill-pricetag {
    width: 165px;
    height: 43px;
}
.category-banner {
    background-color: #303030;
    padding: 30px 0 16px 0;
}
.category-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 20px 0
}
.category-banner p {
    color: #fff;
    text-shadow: 0px 2px 1px rgba(120, 120, 120, 0.51);
}
.category-banner a {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}
.category-banner.category-search {
    padding: 0 0 0 0;
}
.square {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: #ffffff;
    padding-bottom: 100%;
}
.product-pic-container {
    margin-bottom: 15px;
}
#secondary-product-pic-container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
}
.more-pics {
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    height: 25px;
    opacity: 0;
}
.more-pics.up {
    top:0;
}
.product-pic-container:hover .more-pics {
    opacity: 1;
}
.more-pics > div {
    background: rgba(0,0,0,0.35);
    color: white;
    height: 25px;
}
#secondary-product-pic-container::-webkit-scrollbar {
    display: none;
}
.product-pic:hover {
    cursor: zoom-in;
}
.product-main .square {
    border: 1px solid #ebebeb;
    padding-bottom: calc(100% - 2px);
}
.square img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.thumbnails-mobile {
    margin-top: 6px;
}
img {
    max-width: 100%;
}
.category-overview {
    margin-top: 30px;
    margin-bottom: 30px;
}
.bottom-box {
    margin-top: 30px;
}
.bottom-box h2:first-of-type {
    margin-top: 0;
}
.thumbnail {
    border: 0;
    padding: 0;
    border-bottom:1px solid transparent;
    border-radius: 0;
    margin-bottom: 15px;
    overflow: visible;
}
.thumbnail .ratingstars {
    position: absolute;
    bottom: 0;
    background: #303030;
    padding: 0 5px;
    opacity: 0.8;
}
.thumbnail .fa.fa-star {
    color: transparent;
}
.thumbnail .fa.fa-star.filled {
    color: white;
}
.thumbnail .caption {
    padding: 5px 0px;
    position: relative;
    height: 87px;
    z-index: 250;
}
.search-modal {
    display: block;
    opacity: 1;
}
.search-modal .modal-dialog {
    margin-top:94px;
}
#live-search-results-frontpage .search-modal .modal-dialog {
    margin-top:320px;
}
.search-form.frontpage input {
    font-size: 18px;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0 20px black;
}
.search-form.top input {
    width: 200px;
    margin-left: 15px;
    margin-top: 3px;
    position: absolute;
    z-index: 1050;
}
.search-form.frontpage {
    position: relative;
    width: 588px;
    margin: 30px auto 0;
    z-index: 1025;
}
.clerk-instant-search-visible + .search-form.frontpage {
    z-index: 1050;
}
.search-results a {
    color: #777777;
}
.search-results .btn {
    margin-top: 20px;
}
.search-results .row {
    display: flex;
    align-items: center;
}
.search-results li:not(:last-child) {
    border-bottom: 1px solid #f2f5f8;
}
.clerk-facet-group {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
}
.clerk-facet:hover {
    color: #303030;
}
.clerk-facet-search {
    width: 100%;
}
.clerk-range {
    width: calc(100% - 20px);
    margin: 0 auto 30px;
}
.clerk-facet-group-title {
    color: #777777;
    font-size: 16px;
    margin-bottom: 16px;
    letter-spacing: normal;
}
.clerk-facet-selected .clerk-facet-name:before,
.clerk-facet-name:hover:before,
.clerk-range-selected-range {
    background-color: #303030;
    border-color: #303030;
    opacity: 1;
}
.clerk-facet-name:before {
    top: 0.1em;
    border-radius: 2em;
}
.clerk-facet-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.clerk-range-label-left, .clerk-range-label-right {
    background-color: transparent;
    box-shadow: none;
    font-size: inherit;
}
.clerk-facet-selected {
    font-weight: normal;
    color: #303030;
}
#clerk-search-filters-btn {
    margin-bottom: 30px;
}
.clerk-range-dot-left, .clerk-range-dot-right {
    box-shadow: none;
    border: 1px solid #95a5a6;
}
/*.cross-selling-column .thumbnail .caption {
    height: inherit;
}*/
.responsive-text {
    opacity: 0;
    fill: #303030;
    background-color: rgba(249,249,249,0.9);
    position: absolute;
    left: 0;
    text-transform: uppercase;
    height: 100%;
    width: 100%
}
.productinfo {
    color: #777777;
    width: 100%;
    border-bottom:1px solid transparent;
}
.thumbnail:hover .productinfo {
    border-bottom-color: #303030;
    background-color:white;
    padding-bottom: 5px;
}
.thumbnail:hover .name {
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
}

.master-category-inner .thumbnail {
    border: 1px solid #ebebeb;
    padding: 0;
}
.related-products-top,
.product-usp {
    margin-bottom: 30px;   
}
.related-product .thumbnail p {
    font-size: 12px;
    margin: 0;
    line-height: 1.1;
}
.thumbnail .manufacturer {
    color: #a6a6a7;
    font-size: 12px;
    padding: 0;
}
.strike-through {
	text-decoration: line-through;
	color: #adadad;
    font-weight: 400;
}
.header-stripe {
    margin-bottom: 55px;
    padding: 33px 10px;
    line-height: 1;
    background-color: #f2f5f8;
    min-height: 80px;
}
.header-stripe .breadcrumb {
    position: absolute;
}
.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-size: 13px;
    margin-bottom: 11px;
    text-transform: capitalize;
}
.breadcrumb > li {
    padding: 0;
}
.breadcrumb > li + li:before {
    content: ">";
}
.inline-block {
    display: inline-block;
}
.delivery-time {
    border-radius: 1em;
    padding: 0.5em;
}
.manufacturer {
    font-size: 14px;
    color: #777777;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.1;
}
.product-name {
    margin-top:15px;
    margin-bottom: 10px;
}
.fa.fa-star {
    color: #c4d0dd;
}
.fa.fa-star.filled {
    color: #303030;
}
.related-product .fa-star {
    font-size: 16px;
}
.customer-rating-box .fa.fa-star.filled {
    color: #ffa217;
}
table#pricetable {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
}
.mainprice {
    font-size: 24px;
    font-weight: bold;
}
table#pricetable .strike-through {
    font-size: 16px;
}
table#pricetable small {
    font-size: 14px;
}
tfoot {
    font-weight: bold;
}
.price {
    color: #456883;
}
.retailprice {
    font-size: 12px;
}
.related-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-top: 20px;
}
.productinfo .price {
    font-size: 18px;
}
.price small {
    font-weight: 400;
    font-size: 0.85em;
}
#product-page .form-buy {
    margin: 34px 0 50px 0;
}
.input-group {
    margin-bottom: 15px;
}
input[type=number] {
    background: none repeat scroll 0 0 padding-box #f2f5f8;
    border: 1px solid #e2e7ec;
    display: inline-block;
    color: black;
    text-align: center;
    border-radius: 2em;
}
.quantity-input input[type=number] {
    padding: 12px;
    width: 95px;
    height: inherit;
}
#cart-modal {
    font-size: 14px;
}
#cart-modal input[type=number],
.checkout-table input[type=number] {
    padding: 2px 4px;
    width: 65px;
    height: inherit;
}
.label-success {
    background-color: #303030;
}
.btn {
    border-radius: 2em;
    font-weight: bold;
    padding: 12px 18px;
    text-transform:uppercase;
}
.btn-sm {
    padding: 5px 10px;
}
.btn-success.disabled,
.btn-success[disabled],
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
.btn-success.disabled.active,
.btn-success[disabled].active {
	color:white;
}
.btn-success, .btn-success[disabled]:hover, .btn-success[disabled]:focus {
    background-color: #4cae4c;
    border-color: #4cae4c;
    box-shadow: inset 0 0 0 3.2em #4cae4c;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:active:focus {
    box-shadow: inset 0 0 0 0 #4cae4c;
    background-color: white;
    color: #4cae4c;
    border-color: #4cae4c;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: inset 0 0 0 3.2em #fff;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:focus {
    box-shadow: inset 0 0 0 0 #fff;
    background-color: #ccc;
    border-color: #ccc;
}
.btn-primary {
    background-color: white;
    border-color: #337ab7;
    box-shadow: inset 0 0 0 3.2em #337ab7;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus {
    box-shadow: inset 0 0 0 0 #337ab7;
    background-color: white;
    color: #337ab7;
    border-color: #337ab7;
}
.btn-info {
    background-color: white;
    border-color: #5bc0de;
    box-shadow: inset 0 0 0 3.2em #5bc0de;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:active:focus {
    box-shadow: inset 0 0 0 0 #5bc0de;
    background-color: white;
    color: #5bc0de;
    border-color: #5bc0de;
}
.btn-warning {
    background-color: white;
    border-color: #f0ad4e;
    box-shadow: inset 0 0 0 3.2em #f0ad4e;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:active:focus {
    box-shadow: inset 0 0 0 0 #f0ad4e;
    background-color: white;
    color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-klarna {
    background-color: white;
    border-color: #eb6f93;
    box-shadow: inset 0 0 0 3.2em #eb6f93;
}
.btn-klarna:hover,
.btn-klarna:active,
.btn-klarna:focus,
.btn-klarna:active:focus,
#klarna-payments-container .panel-heading .panel-title > a.btn-klarna:hover,
#klarna-payments-container .panel-heading .panel-title > a.btn-klarna:active,
#klarna-payments-container .panel-heading .panel-title > a.btn-klarna:focus,
#klarna-payments-container .panel-heading .panel-title > a.btn-klarna:active:focus {
    box-shadow: inset 0 0 0 0 #eb6f93;
    background-color: white;
    color: #eb6f93;
    border-color: #eb6f93;
}
#klarna-payments-container .panel-default {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#klarna-payments-container .panel-heading .panel-title > a.btn-klarna {
    color: white;
    padding: 12px 18px;
    background: white;
}
#klarna-payments-container .panel-group {
    margin-top: 0;
    margin-bottom: 0;
}
#klarna-payments-container .panel-body {
    border: 1px solid #eb6f93;
}
#klarna-payments-container .btn {
    min-width: 70%;
}
.options {
    width: 91px;
    margin: 0 5px 5px 0;
}
.variants-table input[type="radio"]:checked+label {
    color: white;
    box-shadow: none;
    background-color: #303030;
    border-color: #303030;
}
.variants-table input[type="radio"]:disabled+label {
    opacity: 0.5;
}
.variants-table {
    margin-bottom: 15px;
}
.variants-table .btn {
    margin-bottom: 5px;
}
.transparent {
    opacity: 0.5;
}
.semi-transparent {
    opacity: 0.75;
}
.transparent:hover {
    opacity: 1;
}
.right-column {
    border-left: 1px solid #ebebeb;
}
.left-column {
    border-right: 1px solid #ebebeb;
}
.right-column .row,
.left-column .row {
    margin-bottom: 15px;
}
.right-column .col-xs-6:first-child,
.left-column .col-xs-6:first-child {
    padding-right: 5px;
}
.right-column .col-xs-6:last-child,
.left-column .col-xs-6:last-child {
    padding-left: 0;
}
.cross-selling-column-container {
    border:1px solid #303030;
    margin: 20px 0 40px 0;
    padding: 15px;
}
.cross-selling-column {
    padding: 15px 15px 0 15px;
    max-height: 410px;
    overflow:hidden;
    margin: -15px;
}
.cross-selling-column.unfolded {
    max-height: 2400px;
}
.cross-selling-column h4 {
    background-color: #303030;
    color: white;
    padding: 7px;
    margin: -15px -15px 15px -15px;
    text-transform: uppercase;
}
.cross-selling-column button {
    margin-top: 10px;
}
.cross-selling-column .thumbnail:hover .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cross-selling-column .thumbnail:hover .productinfo {
    border-bottom-color: transparent;
    background-color: transparent;
    padding-bottom: 0;
}
.gtin {
    color: #e2e2e2;
    max-width: 50%;
    display: block;
    max-height: 22px;
}
.btn.loading > .fa-shopping-cart,
.btn.loading > .glyphicon-repeat,
.btn.loading > .fa-chevron-circle-down,
.btn .fa-refresh.fa-spin {
	display: none;
}
.btn.loading > .fa-refresh.fa-spin {
	display: inline-block;
}
.shrink {
	width:1%;
    white-space: nowrap;
}
.vertical-align-middle {
    vertical-align: middle !important;
}
.vertical-align-top {
    vertical-align: top !important;
}
.btn-update {
    display: none;
}
.update-wrapper.update .btn-update {
	display: block;
}
.update-wrapper.update .btn-success {
	display: none;
}
.capitalize:first-letter {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}
.banner {
    position: absolute;
    background-color: #303030;
    top: 0;
    right: 0;
    padding: 0.5em 1em;
    color: white;
    font-weight: bold;
}
.banner + .banner {
    top: 2em;
}

.banner:after {
    border-top: 10px solid #303030;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    content: "";
    position: absolute;
    right: 10px;
    width: 0;
    height: 0;
    bottom: -10px;
}
.ext-guarantee {
    position: relative;
    width: 110px;
    top: 0;
    left: 5%;
    display: inline-block;
    filter: drop-shadow(0px 0px 10px white);
}
.thumbnail .ext-guarantee {
    position: absolute;
    width: 50px;
    top: 0;
    left: 5%;
}
.ext-guarantee svg {
    fill: #3c4a55;
}
.ext-guarantee .title {
    font-weight: bold;
    position: absolute;
    top: -0;
    font-size: 13px;
    text-align: center;
    width: 100%;
    padding: 7px 0;
    color: white;
    background: #303030;
}
.thumbnail .ext-guarantee .title {
    font-size: 7px;
    padding: 3px 0;
}
.ext-guarantee .subtitle {
    font-size: 25px;
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    top: 54px;
}
.thumbnail .ext-guarantee .subtitle {
    font-size: 12px;
    top: 28px;
}
.ext-guarantee .subtitle.second {
    font-size: 12px;
    top: 81px;
}
.thumbnail .ext-guarantee .subtitle.second {
    display: none;
}
   
.checkout-banner {
    display: block;
    margin: 0 auto 30px auto;
}
.alert {
    padding: 10px;
}
.alert-sm {
    padding: 5px 10px;
    font-size: 85%;
}
.alert, .well {
    border-radius: 0;
}
.alert-success {
    color: white;
    background-color: #303030;
    border:none;
}
#deliverynote {
    max-height: 33px;
    opacity: 1;
}
#deliverynote.gone {
    max-height: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.modal-title {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}
#cart-content .modal-header {
    border-bottom: none;
}
#cart-content .modal-footer {
    border-top: none;
}
#cart-content .modal-header > div {
    margin: 0;
    width: 100%;
}
#cart-content .modal-header .alert {
    margin-bottom: 0;
}
.checkout-overview-top-btn .btn {
    margin-bottom: 20px;
}
.checkout-table img {
    margin-right: 7px;
    width: 46px;
    height: 46px;
    border: 1px solid #ebebeb;
}
.checkout-comment {
    max-width: 74%;
    text-align: left;
}
#empty-basket {
	margin: 100px 0;
}
#security-info .fa-lock {
	color:#060;
}
#security-info .icon-verified-by-visa-logo,
#security-info .icon-mastercard-sc-logo {
    font-size: 3.5em;
}
#security-info .icon-verified-by-visa-logo {
    margin-right: 20px;
}
#security-info .payment-icons {
    font-size: 2em;
}
#security-info h4 {
    font-weight: 400;
}
#security-info p {
	font-size:10px;
}
.checkout-margin {
    margin-bottom: 15px;
}
.checkout-margin-big {
    margin-top: 90px;
    margin-bottom: 90px;
}
.checkout-overview {
    margin-bottom: 40px;
}
#alt-delivery-address-wrapper {
    max-height: 0;
    overflow: hidden;
    margin-top: 12px;
}
#alt-delivery-address-wrapper.unfolded {
    max-height: 300px;
}
.payment-method-btn {
    margin: 15px 0;
    font-size: 18px !important;
    font-weight: normal !important;
}
.btn .fa-chevron-circle-right {
    float: right;
    margin-top: 3px;
}
.btn.btn-klarna.collapsed .fa-chevron-circle-right {
    transform: rotate(90deg);
}
.btn.btn-klarna .fa-chevron-circle-right {
    transform: rotate(-90deg);
}
#delivery {
    margin-bottom: 50px;
}
#delivery  h2,
.checkout-overview h2 {
    color: #777777;
    margin-bottom: 20px;
}
.bulletnumber {
    text-align: center;
    background-color: #777777;
    color: white;
    border-radius: 1.5em;
    width: 1.5em;
    display: inline-block;
    height: 1.5em;
    font-size: 0.8em;
    padding-top: 0.2em;
    margin-bottom: 0.2em;
    vertical-align: middle;
    margin-right: 5px;
}
#payment .psp-window {
	min-height: 450px; /*325px;*/
}
#payment-wrapper,
.epay-loading-window {
	width: 345px;
	margin: auto;
}
#payment-wrapper .btn.btn-block {
    font-size: 22px;
}
.epay-loading-window {
	position: absolute;
	margin-top: 80px;
}
.payment-div {
    position: absolute;
}
#payment-footer .container {
    padding-top: 30px;
    padding-bottom: 50px;
}
button.change-service-point {
    margin-bottom: 12px;
    border-color: #303030;
    box-shadow: inset 0 0 0 3.2em #303030;
}
button.change-service-point:hover {
    box-shadow: inset 0 0 0 0 #303030;
    color: #303030;
    border-color: #303030;
}
button.change-service-point .fa {
    font-size: 18px;
}
.service-point-selector > .btn {
    text-transform: none;
    margin-bottom: 15px;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: 400;
}
.swap-box {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0;
    white-space: inherit;
    background-color: #ffffff;
    text-transform: none;
    font-size: 80%;
}
.info-box {
    background-color: white;
    border: 1px solid #303030;
    color: #777777;
    margin: 20px 0;
    display: block;
    position: relative;
}
.info-box.top {
    margin: 0;
    min-height: 77px;
}
.info-box.cart-box {
    border-color: #cdd2d8;
}
.info-box h4 {
    margin: 0;
    background-color: #303030;
    color:white;
    padding: 5px;
}
.info-box.cart-box h4 {
    background-color: #e0e5eb;
    color: #777777;
}
.info-box > div {
    padding: 5px;
}
.info-box table {
    width: 100%;
    table-layout: fixed;
}
.truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.info-box td {
    display: inline-block;
    font-size: 0.85em;
}
.info-box td:first-child {
    width: 65%;
}
.info-box td:last-child {
    width: 34.5%;
}
.edit-cart-btn {
    width: 100%;
    background-color: #e0e5eb;
    text-align: center;
    text-transform: uppercase;
}
td.expand {
    width: 99%;
}
.orderno {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
}
.focus {
    color: red!important;
}
.checkout-success {
    margin-bottom: 45px;
}
.table-paymentinfo tbody > tr > td {
    border: none;
}
.blur {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 .6em rgba(0,0,0,1);
    color: rgba(0, 0, 0, .01);
    text-shadow: 0 0 .4em 0.1em rgba(0,0,0, 0.4);
}
.customer-rating-header {
    font-weight: bold;
    margin-bottom: 0;
}
.customer-rating-box {
    background-color: #f2f5f8;
    padding: 15px 15px 5px 15px;
    margin: 7px 0;
}
.form-control,
.input-group-addon {
    border: 1px solid #e0e5eb;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.input-group-addon {
    background: #e0e5eb;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #e0e5eb;
    opacity: 1;
}
.jumbotron {
    background-color: #f2f5f8;
}
.container .jumbotron, .container-fluid .jumbotron, .panel {
    border-radius: 0;
}
.jumbotron p {
    font-weight: inherit;
}
.figure {
    position: relative;
    display: block;
    overflow: hidden;
}
.banner-content.half {
    max-width: 50%;
}
.banner-content.pull-right h2,
.banner-content.pull-right h3 {
    text-align: right;
}
.figure img {
    transition: 0.5s;
}
.figure:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
}
h3.figure-subheader {
    color: #cfe2f3;
    font-size: 0.85em;
    font-weight: 400;
    margin: 0 0 10px 0;
}
h2.figure-header {
    font-size: 1.6em;
    color: white;
    font-weight: 400;
    margin: 0 0 20px 0;
}
p.figure-text {
    font-size: 1.4em;
    color: white;
    font-weight: 400;
    margin: 0 0 20px 0;
}
ul.figure-text li {
    color: white;
}
.figure-cta {
    color: white;
    margin-left: -100px;
}
.figure-cta.pull-right {
    margin-right: -100px;
}
.figure.dark .figure-subheader {
    color: #2a2e31;
}
.figure.dark .figure-header,
.figure.dark .figure-text {
    color: black;
}
.figure.dark .figure-cta {
    color: black;
}
.figure:hover .figure-cta {
    margin-left: 0;
}
.figure:hover .figure-cta.pull-right {
    margin-right: 0;
}
.figure-small {
    margin-bottom: 27px;
}
.sg {
    background-color: #347cc7;
    padding-top: 15px;
}
.partner-block .logo {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
}
.partner-block-logo-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.partner-block h1, .partner-block h2, .partner-block h3, .partner-block p {
    color: white;
}
.partner-block a {
    color:white;
    font-weight: bold;
}
.panel-group {
    margin-top: 20px;
}
.panel-group .panel {
    border-radius: 0;
}
.panel-default > .panel-heading {
    color: #777777;
    background-color: white;
}
.panel-heading {
    padding: 0;
}
.panel-heading .panel-title a {
    padding: 10px 15px;
    display: block;
    background: #f2f5f8;
}
.panel-heading .panel-title a.collapsed {
    background: white;
}
.panel-heading .panel-title a.collapsed .fa-chevron-up:before {
    content: "\f078";
}
.panel-heading .panel-title a.collapsed:hover {
    background: #f2f5f8;
}
.panel-heading .panel-title {
    font-weight: normal;
}
.carriers-stellar {
    background-color:#3c4a55;
    color:white;
    height: 100%;
    padding: 0 20px;
}
.carriers-stellar a {
    color: white;
}
.carriers-stellar h3 {
    color:white;
    font-size: 28px;
}
.carriers-stellar .fa-inverse {
    color: #3c4954;
}
.carriers-stellar div {
    padding-top: 60px;
}
.stellar {
    padding-top: 30px;
}
#product-page {
    padding-top: 15px;
}
.service-points-content .btn-primary {
    box-shadow: none;
    background-color: #337ab7;
}
.service-points-content .btn-primary:hover {
    box-shadow: none;
    color:white;
}
.checkout-table .viabill-pricetag {
    width: 299px;
    height: 35px;
}
.acceptnewsletter {
    margin-top: 15px;
    margin-bottom: 30px;
}
.acceptterms {
    margin-top: 30px;
    margin-bottom: 60px;
}
.has-error,
.has-error:invalid {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    background-color: #ffd5d5;
}
input[type=checkbox]:invalid.has-error+div {
    background-color: #ffd5d5;
}
input[type=checkbox]:invalid.has-error+div:after {
	content: "\f071";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #a94442;
	margin-left: 5px;
}
input[type=radio].has-error + label {
	border-color:#d9534f;
	color:#d9534f;
    background-color: #FFF4F4;
}
.row.little-pad {
  margin-right:-3px;
  margin-left:-3px;
}
.row.little-pad > [class*='col-'] {
  padding-right:3px;
  padding-left:3px;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-footer .nav-tabs > li.active > a,
.product-footer .nav-tabs > li.active > a:hover,
.product-footer .nav-tabs > li.active > a:focus,
.product-footer .nav > li > a:hover,
.product-footer .nav > li > a:focus {
    border: 1px solid transparent;
    border-bottom: 3px solid #303030;
    background: none;
}
.product-footer  .nav-tabs > li > a {
    border-bottom: 3px solid #ddd;
    color: inherit;
}
.category-menu li > a > i,
.article-menu li > a > i {
    position: absolute;
    right: 0px;
    top: 2px;
}
.menu-back {
    margin-bottom: 20px;
    display: block;
}
.tab-content {
    margin-top: 40px;
}
.price-guarantee {
    float: right;
    margin-top: 10px;
}
#save-edits {
    border-radius: 0;
    margin-bottom: 15px;
}
.editable-fields {
    display: none;
    border: 1px solid #e2e7ec;
    z-index: 10000;
    position: absolute;
    background: rgb(255, 254, 130);
}
.editable-fields.box {
    top: 144px;
    left: -460px;
    width: 554px;
    padding-top: 15px;
}
.editable-fields.box:hover {
    left: 0;
}
.editable-fields.category-fields.box {
    width: 800px;
    left: -706px;
}
.editable-fields.category-fields.box:hover {
    left: 0;
}
.editable-fields .form-inline .form-control {
    width: 282px;
}
.category-banner .container-fluid .edit-left-margin {
    margin-left: 100px;
    display: block;
}
.countdown {
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: -15px;
    display: block;
}
.img-right-sm {
    width: 33%;
    float: right;
    margin-left: 15px;
}
.img-right-md-6 {
    width: 50%;
    float: right;
    margin-left: 15px;
}
.img-left-sm {
    width: 33%;
    float: left;
    margin-right: 15px;
}
.mc-layout__modalContent {
    box-shadow: 0 0px 20px 5px rgba(0,0,0,0.2)!important;
}
.team-member-pic {
    width: 200px;
    border-radius: 100px;
}
#buy-shortcut {
    position: fixed;
    bottom: -73px;
    opacity: 0;
    z-index: 500;
    background-color: white;
    box-shadow: 0px 0px 5px #727985;
    margin-left: -15px;
    width: 100%;
    padding: 15px;
    display: none;
}
.product-description-long > p:first-child {
    margin-top:15px;
}
#buy-shortcut.show {
    opacity: 1;
    bottom: 0px;
}
#category-cut-off {
    max-height: 1000px;
    overflow: hidden;
    width: 100%;
}
.btn-cut-off-expand {
    position: relative;
    z-index: 1000;
}
#category-cut-off > .btn-cut-off-expand {
    margin-bottom: 15px;
}
.btn-cut-off-expand:before {
    content: '';
    width: calc(100% + 30px);
    height: 100px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    position: absolute;
    top: -101px;
    left: -15px;
}
.cross-selling-column-container .btn-cut-off-expand:before {
    height: 50px;
    top: -51px;
}
.open .btn-cut-off-expand,
.open .btn-cut-off-expand:before,
.open + .btn-cut-off-expand.show,
.open + .btn-cut-off-expand.show:before{
    display: none !important;
}
.product-description-cut-off.open .product-description-long,
#category-cut-off.open {
    max-height: 15000px;
}
.top-banner {
    margin-bottom: 15px;
}
.category-overview .top-banner {
    margin-top: -10px;
}
.frontpage .top-banner {
    margin-top: -25px;
}
.select-shippingmethod {
    margin: 5px 0;
}
#shippingmethods.pulse .select-shippingmethod-table  td {
    animation-name: pulsate;
    animation-duration: 1s;
    animation-iteration-count: 3;
}
.select-shippingmethod-table td:first-child {
    padding-right: 5px;
}
.select-shippingmethod-table td:first-child {
    padding-right: 5px;
}
.nav a,
.category-menu a,
.article-menu a {
    
}
.alert>p, .alert>ul {
    margin-bottom: inherit;
}
#cancellation + div .table>tbody>tr>td {
    border-top: none;
}
.itemno {
    margin-top: -10px;
    display: block;
}
.invoice {
    font-size: 0.8em;
}
.invoice-wrapper {
    max-width: 725px;
}
@keyframes pulsate {
    0% {
        color: inherit;
    }
    50% {
        color:rgb(255, 74, 74);
    }
    100% {
        color: inherit;
    }
}
@media (max-width: 767px) {
    .cross-selling-column {
        max-height: 470px;
    }
    .hidden-small {
        display: none !important;
    }
    .img-right-sm-12 {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .nav a {
        transition: none;
    }
    main {
        margin-top: 94px;
    }
    .cc-window.cc-bottom.hide-temp {
        bottom: -130px;
    }
    .product-description-cut-off .product-description-long {
        max-height: 150px;
        overflow: hidden;
    }
    .product-pic-container {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .alert {
        font-size: 0.8em;
    }
    .header-stripe h1 {
        margin-top: -3px;
    }
    .btn-success:hover {
        box-shadow: inset 0 0 0 3.2em #4cae4c;
        color: white;
    }
    .btn-default:hover {
        box-shadow: inset 0 0 0 3.2em #fff;
        color: #333;
    }
    .btn-primary:hover {
        box-shadow: inset 0 0 0 3.2em #337ab7;
        color: white;
    }
    .btn-info:hover {
        box-shadow: inset 0 0 0 3.2em #5bc0de;
        color: white;
    }
    .btn-klarna:hover {
        box-shadow: inset 0 0 0 3.2em #eb6f93;
        color: white;
    }
    .header-bottom-checkout .shop-logo {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .shop-logo {
        max-width: 185px;
        margin-left: auto;
        margin-right: auto;
    }
    .checkout-margin {
        margin-bottom: 10px;
    }
    #footer-middle {
        text-align: center;
    }
    #footer-middle address {
        text-align: center;
    }
    .shop-usps li {
        padding-right: 7px;
        padding-left: 7px;
        max-width: 41%;
    }
    #header-bottom {
        padding-bottom: 10px;
    }
    .navbar-default .navbar-nav.mobile-icons > li > a,
    .navbar-default .navbar-header > .navbar-toggle {
        box-shadow: inset 0 0 0 20px white;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        padding: 12px 0 0 10px;
        color: #303030;
        margin-right: 10px;
        margin-left: 0;
        border: 1px solid #303030;
    }
    .navbar-default .navbar-header > .navbar-toggle {
        margin: 0;
        padding: 8px;
    }
    .cart-icon {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-default .navbar-nav.mobile-icons > li > a.info-icon {
        padding-left: 16px;
    }
    .navbar-default .navbar-collapse {
        margin-top: 10px;
    }
    .navbar-default .navbar-collapse {
        position: fixed;
        top: 84px;
        bottom: 0px;
        left: 0;
        right: 0;
        background-color: #f2f5f8;
        background: linear-gradient(0deg, rgba(255,255,255,0.9) 0%, #f2f5f8 100%);
    }
    .navbar-default .navbar-collapse > ul > li {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-default .navbar-collapse a,
    .navbar-default .navbar-collapse .open a {
        font-size: 16px;
        line-height: 30px !important;
        padding-left: 0;
    }
    .navbar-nav.sm-collapsible .caret {
        margin-right: 0;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 7px 15px 7px 15px;
        border-color: #e7e7e7;
    }
    .navbar-default .navbar-collapse > ul > li > a {
        border-top: 1px solid #e7e7e7;
    }
    .navbar-default .navbar-collapse > ul > li:last-child > a {
        border-bottom: 1px solid #e7e7e7;
    }
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
        padding-left: 15px;
        margin-left: 10px;
    }
    .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
        border-radius: 16px;
        height: 32px;
        padding: 3px;
    }
    .navbar-nav.sm-collapsible .open > a > .caret {
        transform: rotate(180deg);
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        font-weight: bold;
    }
    .divider {
        height: 1px;
        margin: 0px 15px 30px 15px;
        overflow: hidden;
        background-color: #e5e5e5;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
        color: #777777;
        border-left: 1px solid #303030 !important;
    }
    .navbar-nav > .open > .dropdown-menu {
        padding-bottom: 20px;
    }
    .checkout-table .viabill-pricetag {
        width: 148px;
        height: 43px;
    }
    .card-types,
    .carriers {
        text-align: center;
        float: none!important;
    }
    #product-page,
    .stellar {
        padding-top: 15px;
    }
    #footer-top {
        margin-top: 0px;
    }
    .category-banner p {
        font-size: 14px;
    }
    .category-banner h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .category-banner {
        padding: 15px 0 0 0;
    }
    h1, .soft-h1 {
        font-size: 18px;
    }
    h2, .soft-h2 {
        font-size: 16px;
    }
    .manufacturer {
        font-size: 12px;
        padding-top: 4px;
    }
    .gtin {
        margin-top: -5px;
    }
    table#pricetable {
        margin-top: 0;
        margin-bottom: 15px;
    }
    table#pricetable small,
    .bulkprice {
        font-size: 12px;
    }
    #product-page form.form-buy {
        margin: 20px 0;
    }
    .variants-table {
        margin-bottom: 10px;
    }
    .header-stripe {
        margin-bottom: 15px;
    }
    #delivery .checkbox-inline {
        margin-left: 30px;
    }
    #delivery .checkbox-inline input[type="checkbox"] {
        margin-left: -35px;
    }
    .search-form.top {
        position: absolute;
        left: 55px;
        right: 55px;
    }
    .search-form.top input, .search-form.top input:focus {
        width: 100%;
        margin: 0;
        height: 40px;
        font-size: 17px;
    }
    .search-modal .modal-dialog {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow: scroll;
    }
    .clerk-range {
        width: calc(100% - 70px);
        margin: 0 auto 30px;
    }
    #clerk-search-filters-container {
        max-height: 0;
        overflow: hidden;
    }
    #clerk-search-filters-container.open {
        max-height: 2000px;
    }
}
@media (min-width: 768px) {
    .hidden-lg {
        display: none !important;
    }
    .align-items-height {
        display: flex;
        align-items: stretch;
    }
    .grid {
        display: grid;
    }
    /*.cross-selling-column .thumbnail {
        margin-bottom: 0;
    }*/
    .cross-selling-column .thumbnail .name {
        font-size: 0.84em;
    }
    .navbar-default .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    #header-product-menu .nav > li > a {
        font-weight: bold;
        padding-right: 0;
    }
    #header-product-menu a {
        cursor: pointer;
    }
    .nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #3c4a55;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .dropdown-menu li a:hover {
        margin-left: 5px;
        color: #303030;
        background-color: transparent;
    }
    .nav > li > a:hover {
        color: #303030;
    }
    .navbar-header {
        float: inherit;
    }
    .navbar-collapse.collapse.mobile-menu {
        display: none !important;
    }
    .modal-dialog {
        margin: 114px auto 0 auto;
    }
    #terms-modal .modal-dialog {
        margin-top: 15px;
    }
    .product-description-cut-off .btn-cut-off-expand {
        display: none;
    }
    #image-zoom-modal .modal-dialog {
        margin-top: 30px;
    }
    .clerk-instant-search-visible + .search-form.top input,
    .clerk-instant-search-visible + .search-form.top input:focus {
        width: 600px;
        margin-left: -300px;
        left: 50%;
    }
    .thumbnail:hover .responsive-text,
    .responsive-text:hover {
        opacity:1;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .cross-selling-column {
        max-height: 360px;
    }
    .category-image > div {
        font-size: 11px;
    }
    .search-form.top input {
        width: 72px;
    }
    .search-form.top input:focus {
        width: 200px;
    }
}
@media (min-width: 992px) {
    .alert.big-margin {
        padding: 30px;
    }
    .search-form.frontpage {
        margin-top: 40px;
    }
    
}
@media (min-width: 1025px) {
}
@media (max-width: 1199px) {
    .banner {
        font-size: 0.8em;
    }
    .thumbnail .name {
        font-size: 0.84em;
    }
    .thumbnail .manufacturer {
        font-size: 10px;
    }
    .thumbnail .caption {
        height: 82px;
    }
}
@media (min-width: 1600px) {
    .container-fluid {
        width: 1600px;
    }
}
@media (min-width: 1200px) {
}
@media (max-width: 991px) {
    .pricerunner-badge {
        width: 150px !important;
        top: calc(100% - 60px) !important;
        left: calc(100% - 154px) !important;
    }
    .shop-logo:before {
        height: 14px;
        width: 14px;
    }
    .shop-logo {
        font-size: 15px;
        margin-top: 9px;
    }
    #header-product-menu .nav > li > a {
        font-size: 0.8em;
    }
    .footer-middle-header {
        font-size: 18px;
    }
    .card-types, .carriers {
        font-size: 1em;
    }
}
@media (min-width: 471px /*371px*/) {
	.visible-us {
        display: none;
    }
}
@media (max-width: 470px /*370px*/) {
    .breadcrumb {
        font-size: 10px;
    }
    #payment .psp-window {
        /*margin-top: -20px;*/
    }
    body {
        font-size: 14px;
    }
    .cc-revoke, .cc-window {
        font-size: 10px !important;
        text-align: center;
    }
    .product-text-table,
    .table-specifications {
        font-size: 9px;
    }
    main {
        margin-top: 85px;
    }
	.visible-us {
		display: block;
	}
	.hidden-us {
		display: none !important;
	}
    ul.shop-usps {
        font-size: 8px;
    }
    .navbar-default .navbar-collapse {
        top: 75px;
    }
    .cross-selling-column {
        max-height: 370px;
    }
    .cross-selling-column .btn-sm {
        font-size: 10.5px;
    }
    .table-small th,
	.table-small td,
    .checkout-table th,
    .checkout-table td {
		padding: 4px 2px!important;
		font-size: 12px;
	}
    .modal-dialog {
        margin: 2px;
    }
    .price small {
        font-size: 0.7em;
    }
    .card-types, .carriers {
        font-size: 0.8em;
    }
    #cart-modal input[type=number], .checkout-table input[type=number] {
        padding: 2px 2px;
        width: 36px;
    }
    .form-control.shippingmethod {
        font-size: 10px;
    }
    .form-control,
    .btn,
    .quantity-input {
        font-size: 12px;
    }
    #cart-modal .btn {
        font-size: 10px;
        margin: 0;
    }
    .quantity-input input[type=number] {
        width: 90px
    }
    #header-top {
        height: 25px;
    }
    #klarna-payments-container .panel-body {
        padding: 0;
        border-left: none;
        border-right: none;
    }
    .payment-method-btn.btn-klarna {
        font-size: 16px !important;
    }
    .row.little-pad-mobile {
      margin-right:-3px;
      margin-left:-3px;
    }
    .row.little-pad-mobile > [class*='col-'] {
      padding-right:3px;
      padding-left:3px;
    }
    .product-footer .nav > li > a {
        padding-left: 3px;
        padding-right: 3px;
        max-width: 125px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
@media (max-width: 370px) {
    .cross-selling-column {
        max-height: 320px;
    }
    .product-footer .nav > li > a {
        max-width: 99px;
    }
}body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
main {
    margin-top: 149px;
}
.shop-logo:before {
    height: 38px;
    width: 200px;
    margin-bottom: 16px;
    margin-top: -2px;
    margin-right: -50px;
}
.header-bottom-checkout .shop-logo:before {
    margin-bottom: 2px;
}
#hero {
	background: url(/themes/img/.jpg);
	background-size: cover;
	background-position: center;
	position:relative;   
}
#hero p, #hero h1, #hero h2, #hero h3, #hero h4, #hero a:link {
    color: white;
}
#hero h1 {
    font-size: 37px;
    margin-top: 20px;
}
#header-top {
    height: 30px;
    font-size: 12.8px; 
    background-color: #337ab7;
}
#header-top .container {
    margin-top: -1px;
}
#header-top, #footer-bottom, #footer-bottom a {
    color: rgba(255,255,255,0.8);
}
#footer-bottom, #footer-bottom a {
    background-color: #5b5b5b;
}
.shop-usps a, .shop.usps a:hover {
    color:white;
    font-weight: bold;
}
#header-bottom {
    background-color: #111;
    padding-top: 19px;
}
#header-product-menu, 
#footer-top {
    background: #e0dfde;
    border: none;
}
.navbar-header .navbar-nav > li > a,
.navbar-header .navbar-nav > li > a:hover,
.navbar-header .navbar-nav > .open > a,
.navbar-header .navbar-nav > .open > a:hover,
#cart-window a,
#cart-window .themecolor {
    color: #dbdbdb;
    font-weight: 700;
}
.navbar-header .navbar-nav > li > a:hover,
.navbar-header .navbar-nav > .open > a:hover {
    color: white;
}
.navbar-header .navbar-nav > li > a.current {
    color: #dbdbdb !important;
    position: relative;
}
header {
    font-size: 16px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
}
.modal-content, input[type=number], #cart-window .empty:hover .cart-icon, .cart-icon, .btn, .delivery-time {
    border-radius: 0;
}
.caret {
    opacity: .6;
    border: none;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    vertical-align: inherit;
}
.caret:before {
    content: "\f107";
}
.dropdown-menu {
    box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
    border: 2px solid #ddd;
    padding: 7px 15px;
}
.dropdown-menu>li>a {
    padding: 10px 0 10px 0;
    line-height: 1.3;
    color: rgba(102,102,102,0.85);
    font-size: 16px;
}
.dropdown-menu li a:hover {
    margin-left: 0;
}
.btn-success, .btn-success[disabled]:hover, .btn-success[disabled]:focus {
    background-color: #7a9c59;
    border-color: #7a9c59;
    box-shadow: inset 0 0 0 3.2em #7a9c59;
}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus {
    box-shadow: inset 0 0 0 0 #7a9c59;
    background-color: white;
    color: #7a9c59;
    border-color: #7a9c59;
}
.header-stripe {
    background-color: transparent;
    min-height: 50px;
    margin: 0;
}
#footer-top {
    padding-top: 54px;
    padding-bottom: 54px;
    background-color: rgb(33, 33, 33);
}
.col-inner {
    background-color: #303030;
    padding: 20px 20px 20px 20px;
    color: #f1f1f1;
    font-size: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.col-inner h2, .col-inner h4 {
    font-size: 18px;
    color: white;
}
#footer-middle {
    background: #dfdfde;
    color: rgba(102,102,102,0.85);
    padding: 8px 0 6px 0;
}
#footer-bottom {
    padding: 12px 0 16px;
    font-size: 14.4px;
}
.jumbotron,
.panel-heading .panel-title a.collapsed:hover,
.panel-heading .panel-title a {
    background-color: #dfdfde;
}
a {
    color: #337ab7;
    text-decoration: none;
}
.product-footer p, .cms-page p {
    margin-bottom: 40px;
}
.cms-page .well p {
    margin-bottom: auto;
}
.well p { 
    margin-bottom: 0px;
}
.panel-body p {
    margin-bottom: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .soft-h1, .soft-h2, .soft-h3 {
    margin-bottom: 21px;
    text-transform: uppercase;
}
.product-footer ul, .product-footer ol, .cms-page ul {
    margin: 40px 0;
}
@media (max-width: 767px) {
    .shop-usps li {
        max-width: 90%;
    }
    #header-bottom {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .shop-logo:before {
        margin-bottom: 0px;
        height: 31px;
        width: 162px;
        margin-top: 0px;
    }
    main {
        margin-top: 90px;
    }
}
@media (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        padding-top: 9px;
    }
    #header-product-menu .nav > li > a {
        font-weight: 700;
        padding-right: 0;
        font-size: .8em;
        color: rgba(102,102,102,0.85);
    }
    #header-product-menu .nav > li:hover > a,
    #header-product-menu .nav > li > a.current {
        color: rgba(17,17,17,0.85);
    }
    .dropdown-menu:after {
        top: -16px;
        z-index: 10;
        left: 50%;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(221,221,221,0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }
    .dropdown-menu:before {
        top: -21px;
        z-index: 10;
        left: 50%;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(221,221,221,0);
        border-bottom-color: #ddd;
        border-width: 10px;
        margin-left: -10px;
    }
    .dropdown-menu>li:not(:last-child)>a {
        border-bottom: 1px solid #ececec;
    }
    .align-items-height {
        display: flex;
        align-items: stretch;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1080px;
    }
}
@media (max-width: 991px) {
    .shop-logo {
        font-size: 20px;
        margin-top: 4px;
    }
}
@media (max-width: 470px) {
    ul.shop-usps {
        margin-top: 4px;
    }
    .navbar-default .navbar-collapse {
        top: 80px;
    }
}