/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Basic
    2.1 Bootstrap reset
    2.2 Equal height
3.0 Forms
4.0 Basic layout
    4.1 Header
    4.2 Country
    4.3 Growler
    4.4 Share
    4.5 Bottom content
    4.6 Footer
5.0 Navigation
    5.1 Top Navigation
    5.2 Language Navigation
    5.3 User Navigation
    5.4 Main Navigation
    5.5 Webshop Navigation
    5.6 Sub Navigation
    5.7 Breadcrumbs
    5.8 Pagination
    5.9 Social Navigation
    5.10 Quick to Navigation
    5.11 Footer Navigation
    5.12 Bottom Navigation
    5.13 Social Side Navigation
    5.14 Contact Side Navigation
6.0 Homepage
    6.1 Slider
    6.2 Quicklinks
    6.3 Quote
    6.4 Inspirations
    6.5 News
    6.6 TV
    6.7 Gallery
    6.8 Social feeds
7.0 Article category
    7.1 Slider
    7.2 Teasers
    7.3 Vacancies
8.0 Article
    8.1 Gallery
    8.2 Collections
    8.3 Press archive
9.0 Search results
10.0 Product category
    10.1 Toolbar
    10.2 Teasers
11.0 Product
    11.1 Collections
    11.2 Product info
    11.3 Downloads/Contact
    11.4 Product slider
    11.5 Related
12.0 Shopping cart
13.0 Checkout
    13.1 Steps
    13.2 Forms
14.0 My Account
    14.1 Delete account
15.0 Wishlist
16.0 Media Queries
    16.1 Large screens
    16.2 Portrait tablet to landscape
    16.3 Portrait tablet and larger
    16.4 Phone to portrait tablet
--------------------------------------------------------------*/
@font-face {
    font-family: "DaxCondensed";
    src:url("../fonts/DaxCondensed-webfont.eot");
    src:url("../fonts/DaxCondensed-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/DaxCondensed-webfont.woff") format("woff"),
        url("../fonts/DaxCondensed-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
body {
    color: #000;
    font: normal 16px/24px 'PT Sans Narrow', Arial, sans-serif;
    padding-top: 181px;
}
body.error {
    padding-top: 60px;
}
p {
    margin-bottom: 24px;
}

main ul,
.error ul {
    list-style-type: disc;
    margin: 0 0 24px 32px;
}

h1 {
    font: normal 30px/36px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin: 0 0 30px 0;
}
.webshop h1 {
    margin: 5px 0 0 0;
}
h2 {
    font: normal 24px/28px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin: 0 0 20px 0;
}
.error h2 {
    margin-bottom: 5px;
}
h3 {
    font: normal 16px/18px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin: 0;
}
h3 a {
    color: #000;
    text-decoration: none !important;
}
main strong {
    font-weight: bold;
}
main em {
    font-style: italic;
}
span.title,
.block-layered-nav dt {
    display: block;
    font: normal 20px/24px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin-bottom: 30px;
}
main span.title {
    font-size: 28px;
    line-height: 32px;
}
span.title.icon {
    min-height: 26px;
    padding-left: 40px;
}
main table img {
    vertical-align: top;
}
.meta {
    color: #868686;
    display: block;
    font: normal 14px/18px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
}
.stellenangebote .meta {
    display: none;
}
.meta div {
    display: inline;
}
a {
    color: #000;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
.error a {
    text-decoration: underline;
}
.button {
    border: solid 1px #6d1b10;
    border-radius: 0;
    color: #6d1b10;
    display: inline-block;
    font: normal 16px/34px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    height: 50px;
    padding: 6px 15px;
    position: relative;
    text-decoration: none !important;
}
.button.icon {
    padding-left: 65px;
}
.button.full {
    background: #6d1b10;
    color: #fff;
}
.button.full-width {
    width: 100%;
}
.button.arrow {
    padding: 6px 70px 6px 20px;
    position: relative;
}
.button.arrow:before {
    border-left: solid 1px #834037;
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 16px;
    right: 20px;
    padding-left: 20px;
    position: absolute;
    top: 7px;
}
.button:hover {
    background: #6d1b10;
    color: #fff;
    text-decoration: none;
}
.button .fa {
    border-right: solid 1px #c2a9a5;
    font-size: 24px;
    height: 34px;
    margin-right: 12px;
    left: 0;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    width: 50px;
}
.more {
    color: #000;
    text-decoration: underline;
}
.more:hover {
    color: #868686;
}

/*--------------------------------------------------------------
2.0 Basic elements
--------------------------------------------------------------*/

/*------------------------------
2.1 Bootstrap reset
------------------------------*/
.nav li a:hover {
    background: none;
}
.carousel-control {
    background: none !important;
    opacity: 1;
    text-shadow: none;
    width: 6%;
}
.carousel-indicators {
    bottom: -40px;
    left: inherit;
    padding: 0 10px;
    right: 0;
    text-align: right;
    width: 100%;
}
.carousel-indicators li {
    background: #bbb;
    border: none;
    height: 12px;
    margin: 0;
    width: 12px;
}
.carousel-indicators .active {
    background: #000;
}
.tooltip {
    display: block !important;
    font: normal 16px/24px 'PT Sans Narrow', Arial, sans-serif;
    width: 200px;
}
.tooltip-inner {
    background: #f7f7f7;
    border-radius: 0;
    color: #000;
    padding: 15px;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #f7f7f7;
}
.moduletable .alert {
    display: none;
}
.alert {
    background: #f7f7f7;
    border: solid 1px #6d1b10;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    margin-top: 20px;
}
.alert .close {
    opacity: 1;
}
.alert h4 {
    margin-bottom: 0;
}
.my-favorites .alert {
    display: none;
}

/*------------------------------
2.2 Equal height
------------------------------*/
.equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flexbox;
    display: flex;
}

/*--------------------------------------------------------------
3.0 Forms
--------------------------------------------------------------*/
input,
select,
textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: solid 1px #d9d9d9;
    border-radius: 0;
    padding: 7px;
}
input[type="checkbox"],
input[type="radio"] {
    display: inline;
    margin-right: 7px;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
       -moz-appearance: checkbox;
            appearance: checkbox;
}
input[type="radio"] {
    -webkit-appearance: radio;
       -moz-appearance: radio;
            appearance: radio;
}
select {
    background:none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.select select {
    width: 100%;
}
select::-ms-expand {
    display: none;
}
label {
    font-weight: normal;
}
button {
    background: none;
    height: auto;
    padding: 2px 15px;
}
.formContainer li {
    clear: none !important;
    display: block;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    width: 48%;
}
.formContainer li.rsform-block-informationen {
    margin-bottom: 5px !important;
}
.formContainer li.rsform-block-intro {
    margin-bottom: 40px !important;
}
.formContainer li.rsform-block-ihre-frage,
.formContainer li.rsform-block-intro,
.formContainer li.rsform-block-waarover-wilt-u-terug-gebeld-worden,
.formContainer li .formBody,
.formContainer li input,
.formContainer li select,
.formContainer li textarea {
    width: 100%;
}

.formContainer li input[type="checkbox"],
.formContainer li  input[type="radio"] {
    margin-right: 5px;
    width: auto;
}

.formFieldset .formBody label {
    font-weight: normal;
    margin-right: 20px;
}

.formContainer .formDescription {
    clear: both;
}
.formContainer .rsform-submit-button {
    background: #6d1b10;
    border: none;
    color: #fff;
    font: normal 16px/34px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    height: 50px;
    padding: 6px 30px;
    width: auto !important;
}
.formError,
.validation-advice {
    color: red;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin: -10px 0 15px 0;
}
.rsform-block-vorname,
.rsform-block-dbfield62,
.rsform-block-dbfield74,
.rsform-block-telefon,
.rsform-block-plz,
.rsform-block-unternehmen,
.rsform-block-anlass-der-veranstaltung,
.rsform-block-veranstaltungsort { float: left; margin-right: 4% !important; }
.rsform-block-name,
.rsform-block-dbfield65,
.rsform-block-dbfield81,
.rsform-block-email,
.rsform-block-ort,
.rsform-block-funktion,
.rsform-block-personenzahl,
.rsform-block-veranstaltungsdatum { float: left; }
.rsform-block-woher-kennen-sie-uns { padding-bottom: 16px !important; top: 12px; }

.select,
.rsform-block-standorte,
.rsform-block-anrede,
.rsform-block-land,
.rsform-block-woher-kennen-sie-uns,
.rsform-block-unternehmen-oder-privatkunde,
#searchForm .form-limit,
.sort-by {
    position: relative;
}
.select select,
.rsform-block-standorte select,
.rsform-block-anrede select,
.rsform-block-land select,
.rsform-block-woher-kennen-sie-uns select,
.rsform-block-unternehmen-oder-privatkunde select,
#searchForm .form-limit select,
.sort-by { padding-left: 6px;  }
.select:after,
.rsform-block-standorte:after,
.rsform-block-anrede:after,
.rsform-block-land:after,
.rsform-block-woher-kennen-sie-uns:after,
.rsform-block-unternehmen-oder-privatkunde:after,
#searchForm .form-limit:after,
.sort-by:after {
    color: #6d1b10;
    content: '\f107';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 9px;
    z-index: -1;
}

.rsform-block-anrede,
.rsform-block-land,
.rsform-block-dbfield86 input,
.rsform-block-antwort input { clear: both !important; }

.rsform-block-cdmaccount,
.rsform-block-check,
.rsform-block-database,
.rsform-block-dbfields,
.rsform-block-dbfield64 .formCaption,
.rsform-block-dbfield77,
.rsform-block-dbfield84,
.rsform-block-dbfield220 .formCaption,
.rsform-block-dbfield230,
.rsform-block-dbfield236,
.rsform-block-interest1,
.rsform-block-interest18,
.rsform-block-interest22,
.rsform-block-interests,
.rsform-block-next,
.rsform-block-ontvanger,
.rsform-block-px-process,
.rsform-block-wizard  { display: none !important; }

#searchForm {
    margin-bottom: 60px;
}
#searchForm .button {
    height: 40px;
    padding-top: 3px;
}

/*--------------------------------------------------------------
4.0 Basic layout
--------------------------------------------------------------*/

/*------------------------------
4.1 Header
------------------------------*/
#header {
    background: #fff;
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1049;
}
#logo {
    margin: 20px 0 15px 0;
}
#logo img {
    height: auto !important;
    max-width: 100% !important;
}
.error #logo {
    margin: 0 0 80px 0;
}
.scroll #logo {
    background: url('../images/partyrent-sticky.png') no-repeat center center;
    background-size: 170px;
    margin: 15px 0 10px 0;
}
.scroll #logo img {
    opacity: 0;
    height: 43px !important;
}
#telephone {
    background: url('../images/telephone.png') no-repeat;
    font: 16px/16px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    display: inline-block;
    float: left;
    margin: 15px 0 0 30px;
    padding: 2px 0 3px 20px;
    width: 150px;
}
.scroll #telephone {
    display: none;
}
#search {
    display: inline-block;
    float: right;
    padding-right: 10px;
    position: relative;
    margin-bottom: 20px;
}
.de #search {
    margin-bottom: 15px;
}
.scroll #search {
    margin: 10px 0;
}
#search #arrow {
    display: block;
    position: absolute;
    left: 200px;
    top: -42px;
    width: 300px;
}
.scroll #search #arrow {
    display: none;
}
#search #arrow span {
    color: #868686;
    font: 15px/15px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    position: relative;
}
#search #arrow span:before {
    background: url('../images/arrow.png') no-repeat;
    content: " ";
    display: block;
    left: -60px;
    height: 41px;
    position: absolute;
    top: 6px;
    width: 61px;
    z-index: 10;
}
#search [id^=offlajn-ajax-search] {
    width: 100%;
}
#search [id^=offlajn-ajax-search] .offlajn-ajax-search-container {
    background: none;
}
#search input {
    background: #fff;
    font: 14px/14px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    height: 50px;
    padding: 0 20px;
}
#search [id^=ajax-search-button] {
    background: #fff;
    border-left: none;
    float: right;
    left: inherit;
    height: 48px;
    top: 1px;
    right: 1px;
    width: 48px;
}
#search [id^=ajax-search-button] .magnifier {
    height: 48px;
    width: 48px;
}
#search .category-chooser {
    display: none;
}
[id^="search-results"] {
    z-index: 9999 !important;
}
[id^="search-area-close"] { right: 5px !important; }
[id^="search-results"],
[id^="search-results-inner"],
[id^="search-results-results"],
[id^="search-results"] .page-container,
[id^="search-results"] .page-band {
    width: 710px !important;
}
[id^="search-results-moovable"] {
    border-top: 0 !important;
    box-shadow: none !important;
    left: 1px !important;
}
[id^="search-results-moovable"] {
    border: solid 1px #000 !important;
}
[id^="search-form"] .category-chooser,
[id^="search-results"] .plugin-title {
    display: none !important; }
[id^="search-results"] .page-band {
    position: relative !important;

}
[id^="search-results"] .page-container {
    height: auto !important;
    margin: 20px !important;
    overflow: hidden !important;
    padding: 0 0 20px 0 !important;
    width: 660px !important;
}
[id^="search-results"] .result-element {
    border: none !important;
    display: block !important;
    float: left !important;
    height: 170px !important;
    overflow: visible !important;
    width: 120px !important;
    margin-right: 20px !important;
}
[id^="search-results"] .result-element.inspiration {
    height: 170px !important;
}
[id^="search-results"] .result-element:hover {
    background: none !important;
}
[id^="search-results"] .result-element:nth-child(5n+5) {
    margin-right: 0 !important;
}
[id^="search-results"] .result-element img {
    height: auto !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    width: 120px !important;
}
[id^="search-results"] .result-element span {
    clear: both !important;
    color: #000 !important;
    font: normal 16px/16px 'PT Sans Narrow', Arial, sans-serif !important;
    padding-right: 15px !important;
    position: relative !important;
    text-shadow: none !important;
    width: 100% !important;
}
[id^="search-results"] .result-element span:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 14px;
    right: 0;
    position: absolute;
    top: 0;
}
[id^="search-results"] .seemore {
    border-top: solid 1px #acacac !important;
    margin: 0 20px !important;
    padding: 0 !important;
    text-align: right !important;
}
[id^="search-results"] .seemore span,
[id^="search-results"] .seemore:hover span {
    background: #fff !important;
    color: #000 !important;
    font: normal 16px/16px 'PT Sans Narrow', Arial, sans-serif !important;
    padding: 0 15px !important;
    position: relative !important;
    text-shadow: none !important;
    top: -12px !important;
}
[id^="search-results"] .seemore span:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 14px;
    right: 0;
    position: absolute;
    top: 2px;
}
[id^="search-results"] .no-result-suggest {
    border-top: none !important;
    margin: 0 20px !important;
    padding: 0 0 20px 0 !important;
    text-align: left !important;
}
[id^="search-results"] .no-result-suggest a {
    color: #6d1b10 !important;
    display: block !important;
    padding: 0 !important;
    text-shadow: none !important;
}

/*------------------------------
4.2 Country
------------------------------*/
#country {
    margin: 10px 0;
    position: relative;
}
#country span {
    color: #ababab;
    font-size: 16px;
}
#country .moduletable {
    display: inline-block;
    position: relative;
    z-index: 1;
}
#country select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    border: none;
    float: left;
    width: calc(100% - 20px);
}
#country .chzn-container {
    font-size: 15px;
    width: 110px !important;
}
#country .chzn-container-single .chzn-single {
    background: none;
    border: none;
    box-shadow: none;
    margin-top: -4px;
    padding-left: 4px;
    text-align: left;
    width: 180px;
}
#country .chzn-container-single .chzn-single span {
    color: #000;
    text-decoration: underline;
}
#country .chzn-container-single .chzn-single div {
    display: none;
}
#country .chzn-container .chzn-results {
    text-align: left;
}
#country .chzn-container .chzn-drop {
    border: none;
    border-radius: 0;
}
#country .fa-chevron-down {
    font-size: 11px;
    position: relative;
    left: -20px;
    top: -2px;
}
.chzn-container .chzn-results {
    max-height: 320px;
}

/*------------------------------
4.3 Growler
------------------------------*/
#Growler {
    padding: 0 !important;
    right: 17px !important;
    text-align: right;
    top: 12px !important;
    width: 320px !important;
}
#Growler .macosx {
    background: #fff;
    border: solid 1px #d9d9d9;
    float: right;
    margin: 0 0 2px 0;
    opacity: 1;
    padding: 5px;
    position: relative;
    right: 0;
    text-align: left;
    top: 0;
    width: 320px !important;
}
div.macosx div.Growler-notice-body {
    line-height: 18px;
    padding: 0 0 10px 10px;
}

main {
    padding: 25px 0 50px 0;
}
main a {
    font-weight: bold;
    text-decoration: underline;
}

/*------------------------------
4.4 Share
------------------------------*/
#share {
    margin-bottom: 60px;
}
#share li {
    display: inline-block;
}
#share li:first-child {
    position: relative;
    top: -7px;
}

/*------------------------------
4.5 Bottom content
------------------------------*/
#bottom-content {
    background: url('../images/bottom-content.jpg') no-repeat;
    background-size: cover;
    color: #fff;
    padding: 50px 0;
}
#bottom-content h1,
#bottom-content span.title {
    color: #fff;
    font-size: 20px;
}
#bottom-content p {
    color: #fff;
}
#bottom-content a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
#bottom-content #social-navigation .title {
    color: #fff;

}

/*------------------------------
4.6 Footer
------------------------------*/
footer {
    padding-top: 50px;
}
footer .col-sm-9 {
    border-right: solid 1px #d9d9d9;
}
footer .col-sm-4 {
    border-left: solid 1px #d9d9d9;
}
footer .col-sm-4:first-child {
    border: none;
}
footer #quality {
    margin-top: 20px;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*------------------------------
5.1 Top Navigation
------------------------------*/
#top-navigation {
    display: inline-block;
    float: right;
    margin: 10px 20px 6px 0;
}
.scroll #top-navigation {
    display: none;
}
#top-navigation li {
    display: inline-block;
}
#top-navigation li a {
    color: #000;
    text-decoration: underline;
}

/*------------------------------
5.2 Language Navigation
------------------------------*/
#language-navigation {
    display: inline-block;
    float: right;
    margin: 19px 0 11px 0;
    position: relative;
    width: 160px;
}
.scroll #language-navigation {
    display: none;
}
#language-navigation .fa-globe {
    float: left;
    font-size: 20px;
    margin-top: 1px;
    width: 20px;
}
#language-navigation select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    border: none;
    float: left;
    width: calc(100% - 20px);
}
#language-navigation .chzn-container {
    font-size: 15px;
    width: 140px !important;
}
#language-navigation .chzn-container-single .chzn-single {
    background: none;
    border: none;
    box-shadow: none;
}
#language-navigation .chzn-container-single .chzn-single div {
    display: none;
}
#language-navigation .chzn-container .chzn-drop {
    border: none;
    border-radius: 0;
}
#language-navigation .fa-chevron-down {
    font-size: 11px;
    position: absolute;
    right: 8px;
    top: 5px;
    z-index: -1;
}

/*------------------------------
5.3 User Navigation
------------------------------*/
#user-navigation {
    display: inline-block;
    float: right;
    height: 50px;
    width: auto;
}
.scroll #user-navigation {
    margin-top: 10px;
}
#user-navigation li {
    display: inline-block;
    font: normal 16px/28px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin: 1px 2px 0 0;
}
#user-navigation li.active {
    background: #6d1b10;
}
#user-navigation li a {
    border: solid 1px #6d1b10;
    padding: 10px;
    position: relative;
}
#user-navigation li.active a {
    color: #fff;
}
#user-navigation li:last-child {
    height: 50px;
    width: 50px;
}
.da #user-navigation li:last-child,
.no #user-navigation li:last-child,
.sv #user-navigation li:last-child {
    width: auto;
}
#user-navigation li:last-child.active {
    background: #6d1b10;
    height: 48px;
}
#user-navigation li a {
    color: #6d1b10;
    text-decoration: none;
}
#user-navigation li:last-child a {
    padding: 9px;
    position: relative;
    top: -1px;
}
.da #user-navigation li:last-child a,
.no #user-navigation li:last-child a,
.sv #user-navigation li:last-child a {
    height: 50px;
}
#user-navigation li:last-child img {
    width: 30px;
}

/*------------------------------
5.4 Main Navigation
------------------------------*/
#main-navigation {
    background: #000;
    border: none;
    border-radius: 0 !important;
    font: normal 18px/18px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin-bottom: 0;
    position: relative;
}
#main-navigation li {
    display: block;
    float: left;
    padding: 13px 0;
    text-align: center;
    width: 15%;
}
#main-navigation li:hover,
#main-navigation li.active {
    background: #dbdbdb;
}
#main-navigation li:first-child {
    padding: 2px 0;
    width: 10%;
}
#main-navigation li a {
    border-left: solid 1px #444;
    color: #fff;
    display: block;
    padding: 5px 15px;
    text-decoration: none;
}
#main-navigation li:first-child a {
    border-left: none;
}
#main-navigation li:hover a,
#main-navigation li.active a {
    border: none;
    color: #000;
}
#main-navigation li a:hover,
#main-navigation li a:focus {
    background: none;
}

/*------------------------------
5.5 Webshop Navigation
------------------------------*/
#main-navigation li.webshop.open {
    border-left: solid 1px #acacac;
    background: #fff;
}
#main-navigation li.webshop.open a {
    border: none;
    background: #fff;
    color: #000;
}
#webshop-navigation {
    background: #fff;
    border: solid 1px #acacac;
    border-top: none;
    display: none;
    height: 549px;
    left: 10%;
    padding: 0 20px 20px 20px;
    position: absolute;
    top: 54px;
    width: 300px;
    z-index: 100;
}
#webshop-navigation.show {
    display: block;
}
#webshop-navigation #tabs-menu {
    border-bottom: solid 1px #000;
    display: block;
    height: 40px;
    margin: 20px 0;
    padding: 0 15px;
    width: 100%;
}
#webshop-navigation #tabs-menu li {
    background-size: 30px;
    border: solid 1px #acacac;
    border-bottom: none;
    display: block;
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    width: 109px;
}
#webshop-navigation #tabs-menu li:hover {
    background: none;
}
#webshop-navigation #tabs-menu li a {
    border: none;
    color: #9a9a9a;
    display: block;
    padding: 0 5px;
    text-decoration: none;
}
#webshop-navigation #tabs-menu li.active {
    background: none;
    border-color: #000;
    border-bottom: solid 1px #fff;
    height: 42px;
    margin-top: -2px;
}
#webshop-navigation #tabs-menu li.active a {
    color: #000;
}
#webshop-navigation #tab1 {
    display: block;
}
#webshop-navigation li {
    border: none;
    display: block;
    font-size: 15px;
    text-align: left;
}
#webshop-navigation li:hover {
    background: none !important;
}
#webshop-navigation li ul {
    margin: 0 -20px 20px -20px;
    width: 100%;
}
#webshop-navigation li ul li {
    padding: 0 20px !important;
    width: 301px !important;
}
#webshop-navigation li > ul > li:hover {
    font-weight: bold;
}
#webshop-navigation li ul li a {
    color: #000;
    display: block;
    padding: 7px 15px 7px 40px;
    position: relative;
}
#webshop-navigation li ul li a:hover span {
    font-weight: bold !important;
}
#webshop-navigation li ul li img {
    height: 30px;
    margin: -7px 10px 0 0;
    left: 0;
    position: absolute;
    width: 30px;
}
#webshop-navigation .sub-webshop-navigation {
    background: #fff;
    border-bottom: solid 1px #acacac;
    border-right: solid 1px #acacac;
    display: none;
    height: 549px;
    left: 299px;
    padding: 20px 0 20px 20px;
    position: absolute;
    top: 0;
    width: 641px;
}
#webshop-navigation .sub-webshop-navigation .wrapper {
    float: left;
    height: 100%;
    position: relative;
    margin-bottom: 10px;
    width: 601px;
}
#webshop-navigation .sub-webshop-navigation a.menu-item {
    display: block;
    float: left;
    padding: 10px 10px 20px 10px;
    text-align: center;
    width: 25%;
}
#webshop-navigation .sub-webshop-navigation a.menu-item img {
    border: solid 2px #000;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    height: auto;
    margin: 0;
    position: relative;
    width: 60px;
}
#webshop-navigation .sub-webshop-navigation a.menu-item span {
    clear: both;
    display: block;
    float: left;
    font-weight: normal;
    margin-top: 4px;
    text-align: center;
    width: 100%;
}
#webshop-navigation .sub-webshop-navigation a.menu-item:hover span {
    font-weight: bold;
}
#webshop-navigation .sub-webshop-navigation a.menu-item:nth-child(4n+6) {
    clear: both;
}
#webshop-navigation > .moduletable.quick-to {
    bottom: 20px;
    border-top: solid 1px #acacac;
    margin-top: 20px;
    padding-top: 15px;
    position: absolute;
    width: 260px;
}
#webshop-navigation .quick-to ul li {
    width: 100% !important;
}
#webshop-navigation .quick-to ul li a {
    color: #000;
    display: block;
    padding: 0;
    text-decoration: none;
}
#webshop-navigation .quick-to ul li:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 15px;
    right: 0;
    position: absolute;
    top: 14px;
}
#webshop-navigation .sub-webshop-navigation > .moduletable.quick-to {
    bottom: 20px;
    border-top: solid 1px #acacac;
    margin-top: 20px;
    padding-top: 15px;
    position: absolute;
    width: 600px;
}
#webshop-navigation .sub-webshop-navigation .quick-to ul li {
    display: block;
    float: left;
    font-weight: normal !important;
    margin-right: 20px;
    padding: 0 !important;
    position: relative;
    width: 185px !important;
}
#webshop-navigation .sub-webshop-navigation .quick-to ul li:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 15px;
    right: 0;
    position: absolute;
    top: 0;
}
#webshop-navigation .sub-webshop-navigation .quick-to ul li a {
    padding: 0;
}
#webshop-navigation .sub-webshop-navigation .quick-to ul {
    margin: 0;
    width: 600px;
}
#webshop-navigation .sub-webshop-navigation .quick-to ul li:last-child {
    margin-right: 0;
}

/*------------------------------
5.6 Sub Navigation
------------------------------*/
#sub-navigation {
    padding: 30px 0;
}
#sub-navigation.side-navigation {
    padding-right: 30px;
}
#sub-navigation ul li .title,
.block-layered-nav dt,
#sub-navigation.side-navigation ul li.inspirations .separator .image-title,
#sub-navigation.side-navigation ul.quickorder .separator,
#sub-navigation.side-navigation ul.nav .separator  {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
}
#sub-navigation ul li {
    display: block;
    float: left;
    font: normal 22px/22px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    width: 25%;
}
#sub-navigation ul li.active {
    font-weight: bold;
}
#sub-navigation ul li.active.parent {
    font-weight: normal;
}
#sub-navigation.side-navigation ul li {
    font-size: 24px;
    margin-bottom: 30px;
    width: 100%;
}
#sub-navigation ul li img {
    margin: 10px 10px 10px 0;
    width: 45px;
}
#sub-navigation.side-navigation ul li img {
    display: none;
}
#sub-navigation ul li a,
.block-layered-nav ol li a {
    color: #000;
}

#sub-navigation ul li ul,
.block-layered-nav ol {
    margin-bottom: 30px;
}
#sub-navigation ul li li,
.block-layered-nav ol li  {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 6px 22px;
    padding-left: 18px;
    position: relative;
    width: 100%;
}
#sub-navigation.side-navigation ul li li,
.block-layered-nav ol li  {
    font-size: 15px;
    margin: 0 0 0 2px;
}
#sub-navigation ul li li:before,
.block-layered-nav ol li:before {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 7px;
}
#sub-navigation.side-navigation ul li li:before,
.block-layered-nav ol li:before {
    top: 3px;
}
#sub-navigation ul li li a,
.block-layered-nav ol li a {
    display: block;
    padding: 7px 0;
    text-decoration: none;
}
#sub-navigation.side-navigation ul li li a,
.block-layered-nav ol li a {
    padding: 4px 0;
}
#magebridge-customer_account_navigation > div > ul > li > ul > li:nth-child(4),
#magebridge-content > div > main > div:nth-child(3) > div.col-2 {
    display: none;
}
#sub-navigation ul li.inspirations {
    width: 60%;
}
#sub-navigation.side-navigation ul li.inspirations {
    width: 100%;
}
#sub-navigation ul li.inspirations li {
    display: block;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
    width: 16.66%;
}
#sub-navigation.side-navigation ul li.inspirations li {
    margin: 0 0 0 2px;
    padding-left: 18px;
    text-align: left;
    width: 100%;
}
#sub-navigation ul li.inspirations li img {
    border: solid 1px #000;
    border-radius: 4px;
    padding: 3px;
    margin-right: 0;
}
#sub-navigation.side-navigation ul li.inspirations img {
    display: none;
}
#sub-navigation ul li.inspirations li span {
    display: block;
}
#sub-navigation ul li.inspirations li:before {
    display: none;
}
#sub-navigation.side-navigation ul li.inspirations li:before {
    display: block;
}
#sub-navigation ul li.inspirations ul {
    margin-top: -10px;
}
#sub-navigation ul li.gallery {
    width: 40%;
}
#sub-navigation  ul li.gallery a.gallery {
    padding: 0;
    margin-bottom: 0 !important;
}
#sub-navigation.side-navigation  ul li.gallery {
    width: 100%;
}
#sub-navigation.side-navigation  ul li.gallery a.gallery {
    padding: 0;
    margin-bottom: 10px;
}
#sub-navigation ul li.gallery ul li {
    float: left;
    width: 28%;
}
#sub-navigation.side-navigation ul li.gallery ul li {
    float: none;
    width: 100%;
}
#sub-navigation ul li ul ul {
    display: none;
}
#sub-navigation ul li ul li.active > ul {
    display: block;
    margin-bottom: 0;
}
.block-layered-nav .currently ol li {
    clear: both;
    display: block;
    padding: 4px 0;
}
.block-layered-nav .currently ol li:before {
    display: none;
}
.block-layered-nav .currently ol li a.btn-remove {
    display: inline-block;
    float: left;
    height: 16px;
    margin-right: 3px;
    position: relative;
    text-indent: -9999px;
    width: 16px;
}
.block-layered-nav .currently ol li a.btn-remove:after {
    color: #6d1b10;
    content: '\f00d';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 16px;
    left: 0;
    position: absolute;
    text-indent: 0;
    top: -1px;
}
.block-layered-nav .currently .label {
    color: #000;
    font-size: 100%;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
}
.block-layered-nav .actions {
    margin: -15px 0 30px 0;
}
.block-layered-nav .actions a {
    color: #6d1b10;
    text-decoration: underline;
}

/*------------------------------
5.7 Breadcrumbs
------------------------------*/
#breadcrumbs .breadcrumb {
    background: #f1f1f1;
    border-radius: 0;
    margin-bottom: 0;
    padding: 12px;
}
#breadcrumbs .breadcrumb > li {
    color: #000;
    font-size: 14px;
}
#breadcrumbs .breadcrumb > li a {
    color: #868686;
}
#breadcrumbs .breadcrumb > li + li:before {
    color: #000;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 9px;
}
#breadcrumbs .breadcrumb > li:nth-child(2):before {
    display: none;
}

/*------------------------------
5.8 Pagination
------------------------------*/
.zoo-pagination {
    display: block;
    font-size: 0;
    padding: 30px 0 20px 0;
    text-align: center;
}
.zoo-pagination span,
.zoo-pagination a {
    border: solid 1px #d9d9d9;
    color: #000;
    display: inline-block;
    font: normal 18px/38px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    height: 40px;
    margin-left: -1px;
    overflow-y: hidden;
    text-align: center;
    text-decoration: none;
    width: 40px;
}
.zoo-pagination span {
    background: #000;
    border-color: #000;
    color: #fff;
}
.zoo-pagination a.next,
.zoo-pagination a.end,
.zoo-pagination a.previous,
.zoo-pagination a.start {
    position: relative;
    text-indent: -9999px;
}
.zoo-pagination a.next:after,
.zoo-pagination a.end:after,
.zoo-pagination a.previous:after,
.zoo-pagination a.start:after {
    color: #ababab;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 16px;
    left: 16px;
    position: absolute;
    text-indent: 0;
    top: 1px;
}
.zoo-pagination a.end:after {
    content: "\f101";
}
.zoo-pagination a.previous:after {
    content: "\f104";
}
.zoo-pagination a.start:after {
    content: "\f100";
}

/*------------------------------
5.9 Social Navigation
------------------------------*/
#social-navigation {
    float: right;
}
#social-navigation li {
    display: block;
    float: left;
    height: 33px;
    margin-right: 8px;
    text-indent: -9999px;
    width: 33px;
}
#social-navigation li.facebook a {
    background: url('../images/icons/icn-facebook.png') no-repeat;
    background-size: 33px 33px;
}
#social-navigation li.twitter a {
    background: url('../images/icons/icn-twitter.png') no-repeat;
    background-size: 33px 33px;
}
#social-navigation li.instagram a {
    background: url('../images/icons/icn-instagram.png') no-repeat;
    background-size: 33px 33px;
}
#social-navigation li.pinterest a {
    background: url('../images/icons/icn-pinterest.png') no-repeat;
    background-size: 33px 33px;
}
#social-navigation li.youtube a {
    background: url('../images/icons/icn-youtube.png') no-repeat;
    background-size: 33px 33px;
}
#social-navigation li.googleplus a {
    background: url('../images/icons/icn-googleplus.png') no-repeat;
    background-size: 33px 33px;
}
#social-navigation li.xing a {
    background: url('../images/icons/icn-xing.png') no-repeat;
    background-size: 33px 33px;
}

/*------------------------------
5.10 Quick to Navigation
------------------------------*/
#quick-to {
    display: block;
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
#quick-to li {
    display: block;
    float: left;
    margin-right: 2.5%;
    text-align: center;
    width: 10%;
}
#quick-to li a {
    color: #000;
    text-decoration: none !important;
}
#quick-to li img {
    border: solid 1px #000;
    border-radius: 4px;
    height: 45px;
    width: 45px;
}
#quick-to li span {
    clear: both;
    display: block;
}

/*------------------------------
5.11 Footer Navigation
------------------------------*/
footer .title,
footer .separator {
    display: block;
    font: normal 18px/18px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin-bottom: 15px;
}
footer .menu ul {
    display: block;
    margin-bottom: 30px;
}
footer .menu li {
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 6px 0;
    padding-left: 18px;
    position: relative;
}
footer .menu li:before {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 8px;
    left: 0;
    position: absolute;
    top: 0;
}
footer .menu li.parent:before {
    display: none;
}
footer .menu li a {
    color: #000;
}

/*------------------------------
5.12 Bottom Navigation
------------------------------*/
#bottom-navigation {
    margin: 30px 0;
}
#bottom-navigation li {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
#bottom-navigation li:before {
    display: none;
}
#bottom-navigation li a {
    padding: 0 3px;
    text-decoration: underline;
}

/*------------------------------
5.13 Social Side Navigation
------------------------------*/
#side-ctas {
    display: flex;
    position: fixed;
    right: 30px;
    top: 210px;
    z-index: 100;
}
#side-ctas.sticky {
    top: 157px;
}

#social-side-navigation #follow {
    background: #6d1b10;
    border-radius: 50%;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
    color: #fff;
    display: block;
    float: right;
    font-size: 24px;
    height: 50px;
    line-height: 52px;
    padding-right: 3px;
    text-align: center;
    width: 50px;
}

#social-side-navigation ul {
    clear: both;
    display: none;
    float: right;
    margin: 10px 10px 0 0;
    padding-left: 20px;
}
#social-side-navigation ul li {
    display: block;
    height: 30px;
    margin-bottom: 5px;
    padding: 3px 40px 3px 0;
}
#social-side-navigation ul li a {
    background: #fff;
    color: #6d1b10;
    display: inline-block;
    line-height: 22px;
    padding: 0 10px;
}
#social-side-navigation li.facebook {
    background: url('../images/icons/icn-facebook-2.png') no-repeat center right;
}
#social-side-navigation li.twitter {
    background: url('../images/icons/icn-twitter-2.png') no-repeat center right;
}
#social-side-navigation li.instagram {
    background: url('../images/icons/icn-instagram-2.png') no-repeat center right;
}
#social-side-navigation li.pinterest {
    background: url('../images/icons/icn-pinterest-2.png') no-repeat center right;
}
#social-side-navigation li.youtube {
    background: url('../images/icons/icn-youtube-2.png') no-repeat center right;
}
#social-side-navigation li.googleplus {
    background: url('../images/icons/icn-googleplus-2.png') no-repeat center right;
}
#social-side-navigation li.xing {
    background: url('../images/icons/icn-xing-2.png') no-repeat center right;
}
#social-side-navigation li.linkedin {
    background: url('../images/icons/icn-linkedin-2.png') no-repeat center right;
}

/*------------------------------
5.14 Contact Side Navigation
------------------------------*/
.float-fix {
    position: absolute;
    right: 50px;
}
#contact-side-navigation #contact-btn-side {
    background: #6d1b10;
    border-radius: 50%;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
    color: #fff;
    display: block;
    float: right;
    font-size: 24px;
    height: 50px;
    line-height: 52px;
    padding-right: 3px;
    text-align: center;
    width: 50px;
    margin-right: 15px;
}
#contact-side-navigation ul {
    clear: both;
    display: none;
    float: right;
    margin: 15px 23px 0 0;
    padding-left: 20px;
}
#contact-side-navigation ul li {
    display: flex;
    margin-bottom: 5px;
    justify-content: flex-end;
    width: 200px;
    align-items: center;
}
#contact-side-navigation ul li i {
    color: white;
    background: #6c1c0e;
    border-radius: 100%;
    font-size: 18px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
}
#contact-side-navigation ul li a {
    background: #fff;
    color: #6d1b10;
    display: inline-block;
    line-height: 22px;
    text-decoration: none;
    padding: 0 10px;
}

/*--------------------------------------------------------------
6.0 Homepage
--------------------------------------------------------------*/

/*------------------------------
6.1 Slider
------------------------------*/
#slider img {
    width: 100% !important;
}
#slider .post-title {
    background: #000;
    bottom: 60px;
    display: inline-block;
    padding: 10px 15px;
    position: absolute;
    right: 70px;
}
#slider .post-title h3 {
    color: #fff;
    font-size: 24px;
    margin: 0;
}

/*------------------------------
6.2 Quicklinks
------------------------------*/
#quicklinks {
    background: #e9eaf3;
}
#quicklinks .quicklink {
    border-left: solid 1px #d9d9d9;
    display: block;
    float: left;
    padding: 45px 35px 25px 35px;
}
#quicklinks .quicklink.first {
    border-left: none;
}
#quicklinks .quicklink a {
    text-decoration: none;
}
#quicklinks .quicklink img {
    border: solid 1px #000;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
}
#quicklinks .quicklink span {
    color: #000;
    display: inline-block;
    float: left;
    margin: 7px 30px 0 0;
}
#quicklinks .quicklink p {
    color: #000;
    display: block;
    float: left;
    font-size: 15px;
    line-height: 16px;
    margin-top: 4px;
    position: relative;
    width: 45%;
}
#quicklinks .quicklink.last p {
    width: 40%;
}
#quicklinks .quicklink p:after {
    color: #6d1b10;
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: -20px;
    top: 0;
}

/*------------------------------
6.3 Quote
------------------------------*/
#quote {
    padding: 20px 0;
}
#quote.top {
    margin-bottom: 30px;
}
#quote p {
    display: inline-block;
    float: left;
    margin-bottom: 0;
}
#quote span.title {
    display: inline-block;
    margin-top: 25px;
}
#quote p {
    line-height: 18px;
    margin: 20px 0 0 60px;
    width: 350px;
}
#quote .button {
    margin: 14px 0 0 5px;
}

/*------------------------------
6.4 Inspiration
------------------------------*/
#inspirations {
    background: #000;
    margin-bottom: 60px;
    padding-top: 80px;
}
#inspirations .title {
    background: url('../images/inspirations.png') no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    min-height: 31px;
    padding-left: 50px;
}
#inspirations-slider {
    padding-bottom: 30px;
    margin-bottom: 100px;
    overflow: hidden;
    position: relative;
}
#inspirations-slider .post-title {
    background: rgba(0, 0, 0, 0.75);
    bottom: 30px;
    left: 24.9%;
    padding: 20px 20px 15px 20px;
    position: absolute;
    width: 50.2%;
}
#inspirations-slider .post-title .category-image {
    display: block;
    float: left;
    width: 60px;
}
#inspirations-slider .post-title .category-image img {
    -webkit-filter: invert(100%);
       -moz-filter: invert(100%);
            filter: invert(100%);
}
#inspirations-slider .post-title .intro {
    display: block;
    float: left;
    padding-top: 7px;
    width: calc(100%-60px);
}
#inspirations-slider .post-title h3 a,
#inspirations-slider .post-title .meta {
    color: #fff;
}
#image-slider {
    left: -25%;
    position: relative;
    width: 150%;
}
#image-slider .image {
    display: block;
    float: left;
    position: relative;
    width: 33.33%;
}
#image-slider .image img {
    height: auto;
    width: 100%;
}
#image-slider .carousel-control {
    background: rgba(0, 0, 0, 0.75) !important;
    opacity: 1;
    text-shadow: none;
    width: 33.33%;
}
#image-slider .carousel-control .glyphicon {
    font-size: 20px;
    width: 20px;
}
#image-slider .carousel-control .glyphicon-chevron-left {
    left: 75%;
}
#image-slider .carousel-control .glyphicon-chevron-right {
    margin-left: 0;
    right: 75%;
}
#image-slider .carousel-indicators {
    margin-left: 0;
    text-align: center;
    width: 150%;
}
#image-slider .carousel-indicators li {
    background: #373737;
    margin: 0 2px;
}
#image-slider .carousel-indicators .active {
    background: #bbb;
}

#inspirations .post {
    display: block;
    float: left;
    position: relative;
    width: 33.33%;
}
#inspirations .post .post-image img {
    height: auto;
    width: 100%;
}
#inspirations .post .post-title {
    background: rgba(0, 0, 0, 0.75);
    bottom: 0;
    left: 0;
    padding: 20px 20px 15px 20px;
    position: absolute;
    width: 100%;
}
#inspirations .post .post-title .category-image {
    display: block;
    float: left;
    width: 60px;
}
#inspirations .post .post-title .category-image img {
    -webkit-filter: invert(100%);
       -moz-filter: invert(100%);
            filter: invert(100%);
}
#inspirations .post .post-title .intro {
    display: block;
    float: left;
    padding-top: 7px;
    width: calc(100% - 60px);
}
#inspirations .post .post-title h3 a,
#inspirations .post .post-title .meta {
    color: #fff;
}

/*------------------------------
6.5 News
------------------------------*/
#news .title {
    background: url('../images/news.png') no-repeat;
}
#news .post {
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#news .post-image img {
    height: auto !important;
    width: 100% !important;
}
#news .post .meta {
    margin-bottom: 10px;
}

/*------------------------------
6.6 TV
------------------------------*/
#tv .title {
    background: url('../images/tv.png') no-repeat;
}

/*------------------------------
6.7 Gallery
------------------------------*/
#gallery {
    display: block;
    margin-top: 60px;
    width: 100%;
}
#gallery .title {
    background: url('../images/gallery.png') no-repeat;
    padding-left: 40px;
}
#gallery .post {
    background: #000;
    display: block;
    float: left;
    position: relative;
    width: 20%;
}
#gallery .post img {
    height: auto;
    width: 100%;
}
#gallery .post:hover img {
    opacity: 0.3;
}
#gallery .post .post-content h3 {
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
#gallery .post:hover .post-content h3 {
    opacity: 1;
}
#gallery .post .post-content h3 a {
    color: #fff;
}
#gallery .carousel-inner .item.left.active {
    transform: translateX(-20%);
}
#gallery .carousel-inner .item.right.active {
    transform: translateX(20%);
}
#gallery .carousel-inner .item.next {
    transform: translateX(20%)
}
#gallery .carousel-inner .item.prev {
    transform: translateX(-20%)
}
#gallery .carousel-inner .item.right,
#gallery .carousel-inner .item.left {
    transform: translateX(0);
}

/*------------------------------
6.8 Social feeds
------------------------------*/
#social-feeds {
    background: #000;
    padding: 60px 0;
}
#social-feeds .title {
    background: url('../images/social-feeds.png') no-repeat;
    color: #fff;
}
#social-feeds .stream li {
    background: none;
    border: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    margin: 0 20px 20px 0;
    padding: 0;
    width: 18%;
}
.stream li .inner {
    padding: 0;
}
#social-feeds .stream li .section-text,
#social-feeds .stream li .section-share,
#social-feeds .stream li .section-user,
#social-feeds .stream li .section-intro > span,
#social-feeds .stream li .section-intro > a  {
    display: none;
}
#social-feeds .stream li .section-intro {
    background: #000;
    bottom: auto;
    height: 32px;
    top: 0;
    width: 32px;
}
#social-feeds .stream li .icon {
    bottom: inherit;
    top: 4px;
}
#social-feeds .stream li .section-thumb img {
    border: none;
    padding: 0;
    width: 100% !important;
}
#social-feeds .stream li.dcsns-twitter .section-thumb {
    margin-top: 0;
}

/*--------------------------------------------------------------
7.0 Article category
--------------------------------------------------------------*/
.category-flex-btns {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.category-flex-btns > a:first-child {
    margin-right: 15px;
}
/*------------------------------
7.1 Slider
------------------------------*/
#category-slider {
    background: #000;
}
#category-slider .intro {
    color: #fff;
    padding: 15%;
}
#category-slider .intro h3 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px;
}
#category-slider .intro a {
    color: #fff;
}
#category-slider .intro span {
    display: block;
    margin-bottom: 50px;
}
#category-slider .intro p {
    display: block;
    margin-bottom: 50px;
}
#category-slider .intro .category-image {
    -webkit-filter: invert(100%);
       -moz-filter: invert(100%);
            filter: invert(100%);
    margin-bottom: 20px;
}
#category-slider .read-more a {
    border: solid 1px #fff;
    display: inline-block;
    font: normal 16px/34px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    height: 50px;
    padding: 6px 40px;
}
#category-slider .image img {
    height: auto;
    width: 100%;
}
#category-slider .carousel-indicators {
    bottom: inherit;
    left: 32%;
    margin-left: 0;
    padding: 0;
    right: inherit;
    top: 20px;
    width: 12px;
}
#category-slider .carousel-indicators li {
    float: left;
    margin-bottom: 5px !important;
}
#category-slider .carousel-indicators .active {
    background: #fff;
    margin-bottom: -8px;
}

/*------------------------------
7.2 Teasers
------------------------------*/
.teaser {
    border: solid 1px #d9d9d9;
    margin-bottom: 30px;
    min-height: 325px;
}
.teaser .element-image img {
    height: auto;
    width: 100%;
}
.teaser .title {
    padding: 15px;
}

/*------------------------------
7.3 Vacancies
------------------------------*/
.zoo-filter {
    margin-bottom: 30px;
}
.zoo-filter .form-element-row {
    display: block;
    float: left;
    padding: 0 30px 0 0;
    width: 30%;
}
.zoo-filter .form-element-row.itemcategory {
    display: none;
}
.zoo-filter .form-element-row select {
    width: 100%;
}
.zoo-filter .select:after {
    right: 42px;
}
.zoo-filter .button {
    display: block;
    float: left;
    height: 40px;
    padding-top: 2px;
    width: 10%;
}

/*--------------------------------------------------------------
8.0 Article
--------------------------------------------------------------*/
#article-slider {
    padding-bottom: 30px;
    overflow: hidden;
}
#article-slider #image {
    background: #000;
}
#image {
    background: #000;
}
#image img {
    height: auto;
    width: 100%;
}
.embed-responsive {
    display: block;
    margin-bottom: 30px;
}
#tags {
    margin: 60px 0;
}
#tags .title {
    display: inline-block;
    margin: 0 40px 40px 0;
    position: relative;
    top: 4px;
}
aside#side-content {
    border-left: solid 1px #d9d9d9;
    margin-top: 30px;
    padding-left: 40px;
}
aside#contact {
    background: #f1f1f1;
    margin: 30px 0;
    padding: 40px;
}
aside#contact .button {
    margin-bottom: 3px;
    width: 100%;
}
aside#banner {
    border: solid 1px #d9d9d9;
    font: normal 18px/18px 'Shadows Into Light', cursive;
    margin: 30px 0;
    padding: 40px;
    text-align: center;
}
aside#banner .title {
    font: normal 24px/24px 'Shadows Into Light', cursive;
    margin-bottom: 20px;
}
aside#banner .button {
    width: 100%;
}

/*------------------------------
8.1 Gallery
------------------------------*/
.gallery a.gallery {
    border: none;
    display: block;
    padding: 0;
    margin-bottom: 30px;
}
.modal {
    background: rgba(0,0,0,0.7);
    overflow-y: visible;
}
.modal-dialog {
    display: table;
    margin: 0;
    width: 100%;;
}
#video .modal-dialog {
    display: block;
    max-width: 1024px;
}
.modal-content {
    background: none;
    box-shadow: none;
    border-radius: 0;
}
.modal-content .modal-header {
    border: none;
    padding-bottom: 0;
}
.modal-content .modal-header .close {
    color: #fff;
    font-size: 40px;
    text-shadow: none;
    opacity: 1;
}
.modal-content .modal-body {
    text-align: center;
    height: 80vh !important;
}
.modal-content .modal-body #image-gallery-image {
    display: inline-block;
    max-height:100% !important;
    max-width:100% !important;
}
.modal-content .modal-footer {
    border: none;
    color: #fff;
    padding-top: 0;
}
.modal-content .modal-footer span {
    border: none;
    color: #fff;
    font-size: 40px;
}
.modal-content .modal-footer #counter span {
    font-size: 16px;
}
.modal-content .modal-footer span#show-previous-image {
    cursor: pointer !important;
    float: left;
    padding-left: 0;
    position: relative;
    top: -43vh;
}
.modal-content .modal-footer span#show-next-image {
    cursor: pointer !important;
    padding-right: 0;
    position: relative;
    top: -43vh;
}

/*------------------------------
8.2 Collections
------------------------------*/
.collection .element-textarea a {
    display: block;
    float: left;
    font-weight: normal;
    margin: 0 0 30px 30px;
    text-decoration: none;
    width: calc(50% - 15px);
}
.collection .element-textarea a img {
    margin-bottom: 5px;
}
.collection .element-textarea a:nth-child(odd) {
    clear: both;
    margin-left: 0;
}

/*------------------------------
8.3 Press archive
------------------------------*/
.wk-accordion {
    border-top: solid 1px #d9d9d9;
}
.wk-accordion .toggler {
    background: none;
    border: none;
    border-bottom: solid 1px #d9d9d9;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 10px;
    position: relative;
    text-shadow: none;
}
.wk-accordion .toggler:after {
    content: '\f107';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 16px;
    right: 10px;
    position: absolute;
    top: 10px;
}
.wk-accordion .toggler.active {
    border-bottom: none;
}
.wk-accordion .toggler.active:after {
    content: "\f106";
}
.wk-accordion .content-wrapper {
    border-bottom: solid 1px #d9d9d9;
}
.wk-accordion .content-wrapper .content {
    border-top: solid 1px #d9d9d9;
    padding: 10px 10px 20px 10px;
    line-height: 30px;
}
.wk-accordion .content-wrapper .content a {
    font-weight: normal;
}
.wk-accordion .content-wrapper .content a .wf_file_icon {
    margin-right: 5px;
}

/*--------------------------------------------------------------
9.0 Search results
--------------------------------------------------------------*/
#tabs {
    border-bottom: solid 1px #000;
    display: block;
    height: 40px;
    margin: 20px 0;
    padding: 0 15px;
    width: 100%;
}
#tabs li {
    background: url('../images/icons/icn-inspirations.png') no-repeat 5px 2px;
    background-size: 30px;
    border: solid 1px #acacac;
    border-bottom: none;
    display: block;
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    padding-left: 36px;
    width: 180px;
}
#tabs li.products {
    background: url('../images/icons/icn-webshop.png') no-repeat 8px 6px;
    background-size: 30px;
}
#tabs li a {
    color: #9a9a9a;
    display: block;
    padding: 0 10px;
    text-decoration: none;
}
#tabs li.active {
    border-color: #000;
    border-bottom: solid 1px #fff;
    height: 42px;
    margin-top: -2px;
}
#tabs li.active a {
    color: #000;
}
.search-navigation {
    display: none;
}
.tab-content {
    display: none;
    width: 100%;
}
.tab-content.active {
    display: block;
}
.tab-content .col-sm-4:nth-child(3n+4) {
    clear: both;
}
#tab-inspirations .teaser {
    min-height: 265px;
}
#tab-inspirations .teaser .image {
    display: block;
    height: 173px;
    overflow: hidden;
    width: 260px;
}
.tab-content .teaser a {
    font-weight: normal;
}

/*--------------------------------------------------------------
10.0 Product category
--------------------------------------------------------------*/
span.favorites {
    color: #868686;
    display: inline-block;
    margin: 0 0 5px 62px;
    position: relative;
}
span.favorites:before {
    background: url('../images/arrow.png') no-repeat;
    background-size: 45px;
    content: " ";
    display: block;
    left: -40px;
    height: 41px;
    position: absolute;
    top: 11px;
    width: 45px;
    z-index: 10;
}
#filter {
    display: none;
}

/*------------------------------
10.1 Toolbar
------------------------------*/
#toolbar {
    margin: 10px 0 30px 0;
}
#toolbar .grid,
#toolbar .list,
#toolbar li {
    border: solid 1px #d9d9d9;
    display: inline-block;
    height: 35px;
    line-height: 33px;
    margin-right: -1px;
    text-align: center;
    width: 35px;
}
#toolbar .grid,
#toolbar .list,
#toolbar .previous,
#toolbar .next {
    position: relative;
    text-indent: -9999px;
}
#toolbar .grid:before,
#toolbar .list:before,
#toolbar .previous:before,
#toolbar .next:before {
    content: '\f00a';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 17px;
    font-weight: normal;
    left: 8px;
    position: absolute;
    text-indent: 0;
    top: 2px;
}
#toolbar .list:before {
    content: '\f00b';
}
#toolbar .previous:before {
    content: '\f104';
    left: 14px;
    top: 0;
}
#toolbar .next:before {
    content: '\f105';
    left: 14px;
    top: 0;
}
#toolbar strong.grid,
#toolbar strong.list,
#toolbar li.active,
#toolbar li.current {
    background: #000;
    border-color: #000;
    color: #fff;
}
#toolbar ul {
    display: inline;
}
#toolbar li.active a,
#toolbar li.current a {
    color: #fff;
}
#toolbar a {
    color: #000;
    display: block;
}
#toolbar label {
    color: #909090;
    display: inline-block;
    font-weight: normal;
}

/*------------------------------
10.2 Teasers
------------------------------*/
.product {
    border: solid 1px #d9d9d9;
    height: 100%;
    margin-bottom: 30px;
    padding: 15px 20px 0 20px;
}
.product.list {
    margin-bottom: 10px;
}
.product .favorite {
    color: #6d1b10;
    margin-bottom: 10px;
}
.product .sku {
    color: #909090;
    font-size: 13px;
    margin-bottom: 10px;
}
.product .sku strong {
    color: #000;
    font-weight: normal;
}
.product h2 {
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
    min-height: 40px;
}
.product.list h2 {
    margin-top: 8px;
    min-height: 58px;
}
.product h2 a {
    color: #000;
}
.product .price-box {
    border-top: solid 1px #d9d9d9;
    margin: 0 -20px;
    padding: 10px 20px;
}
.price-content {
    display: inline-block;
    float: left;
}
.product.list .price-box {
    border: none;
    border-left: solid 1px #d9d9d9;
    margin-top: -15px;
    min-height: 80px;
}
.product .price-box .price-excluding-tax,
.product .price-box .price-including-tax {
    display: block;
}
.product .price-box .label {
    color: #909090;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}
a.info {
    color: #000;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.product .price-box a.info {
    float: right;
}
.product .add-to-cart {
    border-top: solid 1px #d9d9d9;
    margin: 0 -20px;
}
.product.list .add-to-cart {
    border-left: solid 1px #d9d9d9;
}
.product .add-to-cart .btn-cart {
    background: #f7f7f7;
    border: none;
    color: #000;
    float: left;
    width: 100%;
}

/*--------------------------------------------------------------
11.0 Product
--------------------------------------------------------------*/
.back {
    display: inline-block;
    margin-top: 10px;
}
.product-page {
    margin-top: 10px;
}
#sticky-product {
    background: #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
       -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
            box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    display: none;
    left: 0;
    padding: 5px 0;
    position: fixed;
    right: 0;
    top: 127px;
    z-index: 1048;
}
#sticky-product.scroll {
    display: block;
}
#sticky-product h3 {
    font-size: 18px;
    margin-top: 12px;
}
#sticky-product .sku {
    float: none !important;
}
#sticky-product .price-box {
    margin-top: 10px;
}
#sticky-product .price-excluding-tax .label,
#sticky-product .price-including-tax .price {
    font-size: 16px;
}
#sticky-product  .price-excluding-tax .price {
    font-size: 20px;
}
#sticky-product .info {
    display: none;
}
#sticky-product .add-to-cart {
    margin-top: 9px;
}

/*------------------------------
11.1 Collections
------------------------------*/
#collections {
    display: block;
    float: left;
    height: 35px;
}
#collections li {
    background: url('../images/icons/icn-katalog.png') no-repeat;
    background-size: 30px;
    display: inline-block;
    float: left;
    font: normal 18px/30px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    margin-right: 35px;
    padding-left: 35px;
}
#collections li.cs {
    background: url('../images/icons/icn-katalog-cs.png') no-repeat;
    background-size: 30px;
    color: #6d1b10;
}
#collections li.ec {
    background: url('../images/icons/icn-katalog-ec.png') no-repeat;
    background-size: 30px;
    color: #848484;
}
#collections li a {
    color: #000;
    font-size: 16px;
}

/*------------------------------
11.2 Product info
------------------------------*/
.product-page .product-details {
    border: solid 1px #d9d9d9;
    display: block;
    padding: 40px 30px 20px 40px;
}
.product-page .product-details .favorite {
    color: #6d1b10;
    margin-bottom: 10px;
}
.product-page .product-details h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.product-page .product-details p {
    margin-bottom: 50px;
}
.product-page .price-box .price-excluding-tax,
.product-page .price-box .price-including-tax {
    display: block;
}
.at .product-page .price-box .fa-info-circle {
    display: none;
}
.product-page .price-box .label {
    color: #909090;
    display: inline-block;
    font-weight: normal;
    padding: 0;
    text-align: left;
}
.product-page .price-excluding-tax .label,
.product-page .price-including-tax .price {
    font-size: 18px;
}
.product-page .price-including-tax .label {
    font-size: 14px;
}
.product-page .price-excluding-tax .price {
    font-size: 24px;
}
.product-details em {
    color: #909090;
    display: block;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
}
.product-page .sku {
    color: #909090;
    float: right;
    font-size: 13px;
    margin-bottom: 10px;
}
.product-page .sku strong {
    color: #000;
    font-weight: normal;
}
.product-page .add-to-cart {
    display: inline-block;
    margin: 3px 0 2px 0;
    float: right;
}
.product-page .add-to-cart input {
    height: 50px;
    text-align: center;
    width: 50px;
}
.product-page .add-to-cart .btn-cart {
    background: #6d1b10 url('../images/icons/icn-webshop-white.png') no-repeat 10px;
    background-size: 32px 32px;
    border: none;
    color: #fff;
    height: 50px;
    padding: 6px 18px 6px 68px;
    position: relative;
}
.product-page .add-to-cart .btn-cart:before {
    background: #834037;
    content: " ";
    height: 30px;
    left: 50px;
    position: absolute;
    top: 10px;
    width: 1px;
}

/*------------------------------
11.3 Downloads/Contact
------------------------------*/
.product-page #downloads,
.product-page #contact {
    margin-bottom: 60px;
}
.product-page #downloads .title,
.product-page #contact .title {
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.product-page #downloads ul {
    margin-bottom: 0;
}
.product-page #downloads ul li {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}
.product-page #downloads ul li span {
    font-size: 18px;
}
.product-page #downloads ul li a {
    color: #000;
    text-decoration: underline;
}
/*------------------------------
11.4 Product slider
------------------------------*/
#product-slider {
    margin-bottom: -10px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    top: -10px;
    width: 100%;
}
#image.product-inspiration {
    margin-bottom: 30px;
    position: relative;
    top: -10px;
}

/*------------------------------
11.5 Related
------------------------------*/
.product-page #related {
    margin-bottom: 50px;
}
.product-page #related div.title {
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.product-page #related span.title {
    margin-bottom: 0;
}
.product-page #related img {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
12.0 Shopping cart
--------------------------------------------------------------*/
.page-title {
    padding-top: 30px;
}
.cart-empty {
    padding-bottom: 30px;
}
.cart {
    padding: 50px 0 80px 0;
}
.cart h1 {
    margin-bottom: 50px;
}
.cart th {
    border-bottom: solid 1px #ddd !important;
    color: #909090;
    font-size: 18px;
}
.cart td {
    vertical-align: middle !important;
}
.cart td input {
    text-align: center;
}
.cart .btn-continue,
.cart .btn-update {
    border: none;
    padding: 0;
    text-decoration: underline;
}
.cart .btn-continue {
    margin-top: 13px;
}
.cart .btn-continue i {
    margin-right: 7px;
}
.cart #shopping-cart-totals-table {
    margin-bottom: 40px;
    text-align: right;
}
.cart #shopping-cart-totals-table td {
    border: none !important;
    color: #909090;
    padding: 2px 8px;
}
.cart #shopping-cart-totals-table td:last-child {
    padding-right: 36px;
}
.cart #shopping-cart-totals-table td strong {
    color: #000;
    font-size: 18px;
    font-weight: normal;
}
.cart .btn-checkout {
    background: #6d1b10;
    color: #fff;
    padding: 6px 70px 6px 20px;
    position: relative;
}
.cart .btn-checkout:before {
    border-left: solid 1px #834037;
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 16px;
    right: 20px;
    padding-left: 20px;
    position: absolute;
    top: 7px;
}

/*--------------------------------------------------------------
13.0 Checkout
--------------------------------------------------------------*/

/*------------------------------
13.1 Steps
------------------------------*/
#checkoutSteps {
    position: relative;
    padding-top: 80px;
}
#checkoutSteps .step-title {
    color: #9a9a9a;
    left: 205px;
    position: absolute;
    top: 0;
    width: 223px;
}
#checkoutSteps .active .step-title {
    color: #000;
}
#checkoutSteps .step-title .number {
    border: solid 1px #9a9a9a;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
#checkoutSteps .active .step-title .number {
    border-color: #000;
}
#checkoutSteps .step-title h2 {
    display: inline-block;
    font-size: 17px;
    margin: 10px 0 0 5px;
}
#checkoutSteps #opc-shipping .step-title {
    left: 458px;
}
#checkoutSteps #opc-review .step-title {
    left: 711px;
}

/*------------------------------
13.2 Forms
------------------------------*/
.checkout {
    padding: 50px 0 80px 0;
}
.checkout h1 {
    margin-bottom: 50px;
}
.checkout .login {
    border-bottom: 1px solid #d9d9d9;
    display: block;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.checkout input[type="password"],
.checkout input[type="text"],
.checkout select {
    height: 50px;
    margin-bottom: 15px;
    width: 100%;
}
.checkout .select:after {
    top: 13px;
}
.checkout .select.offer:after {
    bottom: 36px;
    top: inherit;
}
.checkout .forgot,
.checkout p.back-link {
    display: inline-block;
    margin-top: 10px;
}
.checkout #amorderattr {
    padding: 0 15px;
}
.checkout #form_review #amorderattr {
    padding: 0;
}
.checkout #amorderattr .field-row {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
.checkout #amorderattr .field-row .info {
    position: absolute;
    right: -5px;
    top: 42px;
}
.checkout #checkout-step-billing #amorderattr .field-row .info {
    right: -20px;
}
.checkout #checkout-step-shipping #amorderattr {
    margin-left: 16.66666667%;
    padding: 0;
    width: 66.66666667%;
}
.checkout #checkout-step-shipping #amorderattr .field-row {
    padding: 0 15px;
    width: 50%;
}
.checkout #checkout-step-shipping #amorderattr .field-row.commission {
    clear: both;
    width: 100%;
}
.checkout .required {
    color: #9a9a9a;
    margin-top: 10px;
}
.checkout #advice-required-entry-orderoffer {
    clear: both;
    position: relative;
    top: -15px;
}
.checkout #checkout-step-review .intro {
    border: solid 1px #d9d9d9;
    display: block;
    margin-bottom: 40px;
    padding: 24px 24px 0 24px;
}
.checkout .checks {
    margin: 0 0 30px 30px
}
.checkout .checks .fa {
    margin-right: 10px;
}
.js_date input{
    display: block !important;
}
.checkout .changelink {
    margin-left: 5px;
}
.checkout #billing-progress-opcheckout,
.checkout #shipping-progress-opcheckout {
    color: #909090;
    display: block;
}
.checkout #billing-progress-opcheckout strong,
.checkout #shipping-progress-opcheckout strong {
    color: #000;
    font-size: 18px;
    font-weight: normal;
}
.checkout address {
    min-height: 120px;
}
.checkout .buttons-set {
    clear: both;
    position: relative;
}
.checkout #checkout-review-table {
    margin-top: 40px;
}
.checkout #checkout-review-table th {
    border-bottom: solid 1px #ddd !important;
    color: #909090;
    font-size: 18px;
    padding: 10px 8px;
}
.checkout #checkout-review-table td {
    vertical-align: middle !important;
    padding: 18px 8px;
}
.checkout #checkout-review-table tfoot {
    margin-bottom: 40px;
    text-align: right;
}
.checkout #checkout-review-table tfoot td {
    border: none !important;
    color: #909090;
    padding: 2px 8px;
}
.checkout #checkout-review-table tfoot td.last {
    padding: 0 8px 0 0;
}
.checkout #checkout-review-table tfoot tr.last td.last {
    padding: 0;
}
.checkout #checkout-review-table tfoot td strong {
    color: #000;
    font-size: 18px;
    font-weight: normal;
}
.checkout #checkout-review-table #amorderattr {
    padding: 0;
}
.checkout textarea {
    height: 130px;
    width: 100%;
}
.checkout-agreements {
    background: #f2f2f2;
    margin: 0 0 20px 0;
    padding: 20px;
}
.checkout-agreements .agreement-content {
    background: #fff;
    border: solid 1px #acacac;
    height: 150px;
    overflow: auto;
    padding: 10px;
}
.checkout #review-buttons-container p {
    margin-top: 14px;
}
.checkout #review-buttons-container p a {
    text-decoration: underline;
}

/*--------------------------------------------------------------
14.0 My Account
--------------------------------------------------------------*/
.my-account button.button {
    position: relative;
    top: 1px;
}
.my-account {
    padding-bottom: 0;
}
.my-account .col2-set .box-content .col-2 address  {
    margin-bottom: 0;
}
.my-account h1 {
    margin-bottom: 30px;
}
.my-account h1 i,
.my-account h2 i,
.my-account h3 i {
    font-size: 16px;
    position: relative;
    top: -2px;
}
.my-account h3 {
    font-size: 18px;
    margin-bottom: 7px;
}
.my-account h3 i {
    font-size: 16px;
    position: relative;
    top: -2px;
}
.my-account input[type="password"],
.my-account input[type="text"],
.my-account select {
    margin-bottom: 10px;
    width: 100%;
}
.my-account #country {
    background: none;
    padding: 7px;
}
.my-account .no-display {
    display: none;
}
.my-account .required {
    color: #9a9a9a;
}
.delete-account-btn {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 50px;
    display: block;
    text-decoration: underline;
}
/*--------------------------------------------------------------
14.1 Delete account
--------------------------------------------------------------*/
#delete-account h1 {
    text-align: center;
}
#delete-account .bg-white {
    background: white;
}
#delete-account .is-black {
    color: black;
}
#delete-account .modal-body {
    height: auto !important;
}
#delete-account .modal-body .formCaption {
    display: none;
}
#delete-account .modal-body ol.formContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*--------------------------------------------------------------
15.0 Wishlist
--------------------------------------------------------------*/
.wishlist th {
    border-bottom: solid 1px #ddd !important;
    color: #909090;
    font-size: 18px;
}
.wishlist td {
    border-bottom: solid 1px #ddd;
    vertical-align: middle !important;
}
.wishlist img {
    height: auto;
    max-width: 75px;
}
.wishlist a {
    font-weight: normal;
    text-decoration: none;
}
.wishlist td .label {
    color: #909090;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    text-align: right;
}
.wishlist .sku {
    display: block;
    float: left;
    width: 25%;
}
.wishlist .product-name {
    display: block;
    float: left;
    width: 75%;
}
.wishlist .product-name .category {
    clear: both;
    color: #909090;
    display: block;
    font-size: 14px;
}
.wishlist .cart-cell {
    width: 310px;
}
.wishlist .price-box {
    display: block;
    float: left;
    margin-top: 3px;
    text-align: right;
    width: 180px;
}
.wishlist .cart-cell .clearfix {
    display: none;
}
.wishlist .add-to-cart-alt {
    display: block;
    float: left;
    padding-left: 10px;
    width: 130px;
}
.wishlist .price-box .price-including-tax {
    clear: both;
    display: block;
    width: 100%;
}
.wishlist .price-box .col-xs-2 {
    display: none;
}
.wishlist td input {
    float: left;
    height: 50px;
    margin-bottom: 0 !important;
    width: 60px !important;
}
.wishlist td input[type="checkbox"] {
    width: auto !important;
}
.wishlist td .button {
    float: left;
    padding: 6px 10px;
}
.wishlist td .button img {
    width: 32px;
}
#my-lists-table a {
    font-weight: normal;
}
#my-lists-table th {
    border-bottom: solid 1px #ddd;
    color: #909090;
    font-size: 18px;
}
#my-lists-table td {
    border-bottom: solid 1px #ddd;
    border-top: none;
    padding: 15px 10px;
    vertical-align: middle !important;
}
#amlist-table {
    margin: 20px 0;
}
#amlist-table .product-name {
    width: 95%;
}
#amlist-table td input.qty {
    height: auto;
    text-align: center;
    width: 40px !important;
}
#amlist-table td.move {
    width: 160px;
}
#amlist-table td select {
    margin-bottom: 0;
}
#amlist-table tfoot td {
    border-bottom: none;
}
.edit-list-title input {
    margin-top: 1px;
}
.edit-list-title .button {
    height: 40px;
    padding: 2px 15px;
}

/*--------------------------------------------------------------
16.0 Media Queries
--------------------------------------------------------------*/

/*------------------------------
16.1 Large screens
------------------------------*/
@media (min-width: 1200px) {
    #user-navigation li:first-child a,
    #user-navigation li a.favorites {
        padding-left: 36px;
    }
    #user-navigation li:first-child a:before,
    #user-navigation li a.favorites:before {
        background: url('../images/my-partyrent.png') no-repeat;
        background-size: 17px 17px;
        content: " ";
        display: block;
        height: 32px;
        position: absolute;
        left: 10px;
        top: 15px;
        width: 17px;
    }
    #user-navigation li a.favorites:before {
        background: url('../images/my-favorites.png') no-repeat;
        background-size: 17px 17px;
    }
    #user-navigation li.active:first-child a:before {
        background: url('../images/my-partyrent-white.png') no-repeat;
        background-size: 17px 17px;
    }
    #user-navigation li.active a.favorites:before {
        background: url('../images/my-favorites-white.png') no-repeat;
        background-size: 17px 17px;
    }
}

/*------------------------------
16.2 Portrait tablet to landscape
------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
    .scroll #logo {
        background-size: 100%;
    }
    #social-feeds .stream li {
        width: 17.8% !important;
    }
    #quote span.title {
        display: block;
        text-align: center;
    }
    #inspirations .post .post-title {
        min-height: 90px;
    }
    .teaser {
        min-height: 316px;
    }
    #tab-inspirations .teaser .image {
        height: 140px;
        width: 210px;
    }
    #checkoutSteps .step-title {
        left: 135px;
    }
    #checkoutSteps #opc-shipping .step-title {
        left: 388px;
    }
    #checkoutSteps #opc-review .step-title {
        left: 641px;
    }
}

/*------------------------------
16.3 Portrait tablet and larger
------------------------------*/
@media (min-width: 768px) {
    #image-slider .carousel-inner .item.left.active {
        transform: translateX(-33.33%);
    }
    #image-slider .carousel-inner .item.right.active {
        transform: translateX(33.33%);
    }
    #image-slider .carousel-inner .item.next {
        transform: translateX(33.33%)
    }
    #image-slider .carousel-inner .item.prev {
        transform: translateX(-33.33%)
    }
    #image-slider .carousel-inner .item.right,
    #image-slider .carousel-inner .item.left {
        transform: translateX(0);
    }
}

/*------------------------------
16.4 Phone to portrait tablet
------------------------------*/
@media (max-width: 767px) {
    .product-img-box img {
        width: 100%;
    }
    /* Basics */
    table {
        max-width: 100% !important;
        width: 100% !important;
    }
    table td,
    table th {
        width: auto !important;
    }
    .carousel-indicators {
        bottom: -35px;
    }
    .carousel-indicators li,
    .carousel-indicators .active {
        height: 8px;
        width: 8px;
    }
    .modal-backdrop{
        display: none;
    }

    /* Basic lay-out */
    body {
        padding-top: 50px;
    }
    [id^="search-results"] {
        width: 0 !important;
    }
    #search-mobile {
        padding: 15px;
    }
    #search-mobile label {
        display: none;
    }
    #search-mobile input {
        width: 100%;
    }
    #mobile-navigation {
        background: #000;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
           -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
                box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
        min-height: 50px;
    }
    #mobile-navigation .navbar-toggle {
        color: #fff;
        float: left;
        font-size: 24px;
        margin: 2px 0 0 -15px;
        padding-left: 15px;
    }
    #mobile-navigation #phone {
        color: #fff;
        display: inline-block;
        font-size: 20px;
        padding: 12px 7px 10px 10px;
    }
    #mobile-navigation #phone img {
        margin-top: -3px;
        width: 25px;
    }
    .scroll #user-navigation {
        margin-top: 0;
    }
    #mobile-navigation #user-navigation li {
        float: left;
        height: auto;
        margin: 0 -15px 0 0;
    }
    #mobile-navigation #user-navigation li:first-child,
    #mobile-navigation #user-navigation li.item-224,
    #mobile-navigation #user-navigation li.item-316,
    #mobile-navigation #user-navigation li.item-318,
    #mobile-navigation #user-navigation li.item-320,
    #mobile-navigation #user-navigation li.item-793,
    #mobile-navigation #user-navigation li.item-371,
    #mobile-navigation #user-navigation li.item-375,
    #mobile-navigation #user-navigation li.item-377,
    #mobile-navigation #user-navigation li.item-1627,
    #mobile-navigation #user-navigation li.item-1803,
    #mobile-navigation #user-navigation li.item-2270 {
        display: none;
    }
    #mobile-navigation #user-navigation li.favorites {
        text-indent: -9999px;
    }
    #mobile-navigation #user-navigation li a {
        border: none;
        display: block;
        height: 50px;
        text-align: center;
        width: 45px;
    }
    #mobile-navigation #user-navigation li a.favorites:before {
        background: url('../images/my-favorites-white.png') no-repeat;
        background-size: 17px 17px;
        content: " ";
        display: block;
        height: 32px;
        position: absolute;
        left: 10px;
        top: 15px;
        width: 17px;
    }
    #mobile-navigation #user-navigation li:last-child.active {
        background: none;
    }
    #mobile-navigation #user-navigation li:last-child.active img {
        background: #6d1b10;
    }
    #main-navigation .title {
        border-bottom: solid 1px #444;
        color: #bbb;
        font-size: 14px;
        margin: 30px 0 0 0;
        padding: 12px 15px 3px 15px;
    }
    #mobile-navigation .logo {
        margin-top: 19px;
        max-height: 25px;
    }
    #main-navigation {
        min-height: 0;
        width: 100%;
    }
    #main-navigation li {
        border-bottom: solid 1px #444;
        border-left: 0;
        display: block;
        text-align: left;
        padding: 0;
        width: 100% !important;
    }
    #main-navigation li.webshop {
        border-top: solid 1px #444;
        margin-top: 42px;
    }
    #main-navigation li a img {
        display: none;;
    }
    #main-navigation li a {
        border-left: none;
        padding: 12px 15px;
    }
    #main-navigation-offcanvas {
        background: #000;
        margin-top: 40px;
        padding: 0;
    }
    #breadcrumbs .breadcrumb {
        line-height: 16px;
        padding: 10px;
    }
    .webshop-navigation {
        display: block;
        float: left;
        margin: -30px 0 30px 0;
    }
    .webshop-mobile .title {
        margin: 30px 0 10px 0;
    }
    #sub-navigation.side-navigation {
        padding-right: 0;
    }
    #sub-navigation ul li {
        border-bottom: solid 1px #d9d9d9;
        font-size: 18px !important;
        padding: 7px;
        width: 100% !important;
    }
    #sub-navigation .webshop-mobile ul li {
        margin-bottom: 0;
        padding: 0;
    }
    #sub-navigation .webshop-mobile ul li:first-child {
        border-top: solid 1px #d9d9d9;
    }
    #sub-navigation .webshop-mobile .quickorder li:first-child,
    #sub-navigation .webshop-mobile .webshop-navigation > ul > li:first-child  {
        border: none;
    }
    #sub-navigation .webshop-mobile ul li li:first-child {
        border-top: solid 1px #d9d9d9;
    }
    #sub-navigation .webshop-mobile ul li li a {
        padding: 15px 0;
    }
    #sub-navigation .separator {
        display: block;
    }
    #sub-navigation .webshop-mobile .separator {
        font-size: 22px;
    }
    #sub-navigation .nav > li > a {
        padding: 0;
    }
    #sub-navigation .webshop-mobile .nav > li > a {
        padding: 12px 0;
    }
    #sub-navigation ul li li {
        border: none;
        font-size: 15px !important;
        line-height: 18px !important;
        padding: 3px 3px 3px 18px;
    }
    #sub-navigation .webshop-mobile ul li li {
        border-top: solid 1px #d9d9d9;
        font-size: 18px !important;
        padding-left: 3px;
    }
    #sub-navigation.side-navigation ul li li:before,
    .block-layered-nav ol li:before {
        top: 7px;
    }
    #sub-navigation .webshop-mobile ul li li:before {
        display: none;
    }
    #sub-navigation ul li img {
        margin: 0 10px 0 0;
        width: 30px;
    }
    #sub-navigation .webshop-mobile ul li img {
        display: block;
        float: left;
        position: relative;
        top: -5px;
    }
    #sub-navigation ul li ul {
        display: none;
        margin: 7px 0 0 0;
    }
    .webshop-mobile .quickorder.hidden-xs,
    #sub-navigation .webshop-mobile ul li ul,
    #sub-navigation .webshop-mobile > ul > li > ul {
        display: block !important;
    }
    #sub-navigation .webshop-mobile .quickorder  ul li ul {
        display: none !important;
    }
    #sub-navigation .webshop-mobile .quickorder {
        margin-top: -30px;
    }
    #sub-navigation .webshop-mobile .quickorder .separator {
        margin-top: 30px;
    }
    #sub-navigation ul li.inspirations ul {
        margin-top: 0;
    }
    #sub-navigation ul li.inspirations li {
        margin: 0 0 6px 22px;
        padding: 3px 3px 3px 18px;
        text-align: left;
    }
    #sub-navigation ul li.inspirations li:before {
        display: block;
    }
    #sub-navigation ul li.inspirations li img {
        display: none;
    }
    #sub-navigation ul li.gallery ul {
        -webkit-columns: 1;
           -moz-columns: 1;
                columns: 1;
        margin-top: 0;
    }
    #sub-navigation ul li.gallery a.gallery {
        margin-bottom: 0;
    }
    #bottom-content {
        padding: 40px 0;
    }
    #bottom-content h1,
    #bottom-content span.title {
        margin-bottom: 15px;
    }
    #social-navigation {
        float: left;
        margin-top: 10px;
    }
    #social-navigation li {
        margin-right: 5px;
    }
    footer {
        padding-top: 25px;
    }
    footer .col-sm-9 {
        border: none;
    }
    #quick-to {
        margin-bottom: 0;
    }
    #quick-to li {
        margin: 0 0 20px 0;
        width: 25%;
    }
    #quick-to li span {
        font-size: 14px;
    }
    footer #quality {
        border-top: solid 1px #d9d9d9;
        margin-top: 0;
        padding-top: 10px;
    }
    footer #quality img {
        width: 100%;
    }
    #bottom-navigation {
        margin: 10px 0 20px 0;
    }
    #contact-button {
        background: #6d1b10;
        border-radius: 50%;
        box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
        bottom: 15px;
        display: block;
        height: 60px;
        position: fixed;
        right: 15px;
        padding: 8px;
        width: 60px;
    }
    #contact-button img {
        width: 40px;
    }

    /* Formulieren */
    .formContainer li {
        width: 100%;
    }

    /* Homepage */
    #slider {
        margin-bottom: 25px;
    }
    #slider .post-title {
        bottom: 10px;
        padding: 5px;
        right: 10px;
    }
    #slider .post-title h3 {
        font-size: 18px
    }
    #slider .carousel-control {
        display: none;
    }
    #quicklinks .quicklink {
        border: none;
        padding: 20px 0 20px 0;
        text-align: center;
        width: 100%;
    }
    #quicklinks .quicklink img {
        float: none;
        margin: 0;
    }
    #quicklinks .quicklink span {
        display: block;
        float: none;
        font-size: 16px;
        width: 100%;
    }
    #quote {
        background: none;
        margin-bottom: 0 !important;
        padding: 0 0 15px 0;
    }
    #quote .button {
        margin: 0 0 2px 0;
        text-align: center;
        width: 100%;
    }
    #quote .button:last-child {
        margin-bottom: 0;
    }
    #inspirations {
        padding: 30px 15px;
        margin-bottom: 40px;
    }
    #inspirations .post {
        margin-bottom: 15px;
        width: 100%;
    }
    #inspirations-slider {
        margin-bottom: 20px;
    }
    #image-slider {
        left: 0;
        width: 100%;
    }
    #image-slider .image {
        width: 100%;
    }
    #image-slider .carousel-control {
        display: none;
    }
    #image-slider .carousel-indicators {
        width: 100%;
    }
    #news {
        margin-bottom: 40px;
    }
    #news span.title {
        margin-bottom: 8px;
    }
    #news .post {
        border-bottom: none;
    }
    #news .post img {
        height: auto !important;
        width: 100% !important;
    }
    #news .post .meta {
        margin: 10px 0 0 0;
    }
    #tv span.title {
        margin-bottom: 5px;
    }
    #gallery {
        margin-top: 40px;
    }
    #gallery .title {
        margin: 0 0 5px 0;
    }
    #gallery .post{
        width: 100%;
    }
    #gallery .post:hover img {
        opacity: 1;
    }
    #gallery .post .post-content h3 {
        background: rgba(0, 0, 0, 0.8);
        bottom: 0;
        margin-top: 0;
        padding: 15px;
        opacity: 1;
        top: inherit;
        width: 100%;
    }
    #gallery .carousel-control {
        bottom: 21px;
        font-size: 14px;
        top: inherit;
        width: 12%;
    }
    #social-feeds {
        padding: 40px 0;
    }
    #social-feeds .stream li {
        left: inherit !important;
        position: relative !important;
        top: inherit !important;
        width: 100%;
    }

    /* Article category page */
    #category-slider {
        background: none;
        margin: 0 15px 15px 15px;
    }
    #category-slider .item {
        border: solid 1px #d9d9d9;
        display: block !important;
        margin-bottom: 15px;
    }
    #category-slider .item .title {
        padding: 15px;
    }
    #category-slider .item span {
        color: #868686;
        display: block;
        font: normal 14px/18px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    }
    #category-slider .carousel-indicators {
        display: none;
    }
    .zoo-pagination {
        padding-top: 15px;
    }
    .zoo-filter .form-element-row {
        clear: both;
        margin-bottom: 10px;
        padding: 0;
        width: 100%;
    }
    .zoo-filter .select:after {
        right: 12px;
    }
    .zoo-filter .button {
        width: 100%;
    }

    /* Article */
    #image {
        padding: 0;
    }
    #image .element-imagepro img {
        margin-bottom: 0;
    }
    main {
        padding-bottom: 25px;
    }
    #tags {
        margin: 40px 0;
    }
    .element-imagepro img {
        margin-bottom: 15px;
    }
    aside#side-content {
        border: none;
        padding: 0;
    }
    aside#contact {
        background: none;
        margin-bottom: 15px;
        padding: 0;
    }
    aside#contact .button {
        text-align: center;
        width: 100%;
    }
    aside#banner {
        margin: 0 0 15px 0;

    }
    .collection .element-textarea a {
        margin: 0 0 15px ;
        width: 100%;
    }
    .collection .element-textarea a img {
        width: 100%;
    }

    main iframe {
        width: 100% !important;
    }

    /* Search results */
    #tabs li {
        width: 47%;
    }
    #tab-inspirations .teaser .image {
        height: auto;
        overflow: visible;
        width: 100%;
    }

    /* Product category */
    #toolbar {
        margin: 30px 0 20px 0;
    }
    #show-filter {
        top: -50px;
    }
    #filter {
        float: left;
        position: relative;
        top: -40px;
        margin-bottom: 5px;
    }
    #filter ul {
        border-top: solid 1px #d9d9d9;
    }
    #filter ul li {
        border-bottom: solid 1px #d9d9d9;
        display: block;
        float: left;
        font: normal 18px/18px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
        width: 100%;
    }
    #filter ul li a {
        display: block;
        padding: 15px;
    }
    span.favorites {
        top: -25px;
    }

    /* Product page */
    #sticky-product {
        padding: 0;
        top: 52px;
    }
    #sticky-product h3 {
        font-size: 16px;
        line-height: 16px;
    }
    #sticky-product .add-to-cart #qty,
    #sticky-product .add-to-cart .btn-cart:before,
    #sticky-product .add-to-cart .btn-cart span {
        display: none;
    }
    #sticky-product .add-to-cart .btn-cart {
        padding-left: 30px;
    }
    #country {
        display: inline-block;
        margin: 22px 0 0 0;
    }
    #country span {
        float: left;
    }
    #country .moduletable {
        float: left;
        margin-top: -7px;
    }
    #country .fa-chevron-down {
        left: inherit;
        position: absolute;
        right: 0;
        top: 5px;
    }
    #collections {
        height: auto;
    }
    .product-page .product-details {
        margin-bottom: 40px;
        padding: 20px 20px 10px 20px;
    }
    .product-page .add-to-cart {
        margin-bottom: 10px;
    }
    .product-page .add-to-cart input {
        top: 1px;
    }

    /* Checkout */
    .cart #shopping-cart-totals-table {
        margin-bottom: 0;
    }
    .cart .btn-continue {
        margin-bottom: 10px;
    }
    .cart .btn-checkout {
        width: 100%;
    }
    #checkoutSteps {
        padding-top: 60px;
    }
    #checkoutSteps .step-title {
        left: 50%;
        margin-left: -90px;
        top: -20px;
        width: auto;
    }
    #checkoutSteps #opc-shipping .step-title {
        left: 50%;
        margin-left: -22px;
    }
    #checkoutSteps #opc-review .step-title {
        left: 50%;
        margin-left: 45px;
    }
    #checkoutSteps .step-title h2 {
        display: none;
    }
    .checkout #checkout-step-shipping #amorderattr {
        margin-left: 0;
        width: 100%;
    }
    .checkout #checkout-step-shipping #amorderattr .field-row {
        width: 100%;
    }
    .checkout #billing-progress-opcheckout,
    .checkout #shipping-progress-opcheckout {
        margin-bottom: 20px
    }
    .checkout address {
        margin-bottom: 20px;
        min-height: auto;
    }
    aside#map {
        margin-top: 20px;
    }
    .googlemaps,
    .googlemaps iframe,
    .googlemaps [id^=googlemaps]  {
        width: 100% !important;
    }
    .googlemaps label {
        display: block;
        margin: 10px 0 0 0;
        width: 100%;
    }
    .googlemaps input {
        height: 46px;
        margin: 0 !important;
    }
    .googlemaps button {
        border: solid 1px #6d1b10;
        border-radius: 0;
        color: #6d1b10;
        display: inline-block;
        font: normal 16px/34px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
        height: 46px;
        margin-left: 10px;
        padding: 6px 15px;
    }

    /* My account */
    .button.icon-xs {
        margin-top: -8px;
        padding-left: 35px;
    }
    .button.icon-xs .fa {
        border: none;
        top: 9px;
    }
    .wishlist .sku,
    .wishlist .product-name,
    .wishlist .price-box,
    .wishlist .add-to-cart-alt,
    .wishlist .col-xs-10 {
        width: 100%;
    }
    .wishlist .cart-cell {
        width: 115px;
    }
}