/*
 * @import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);
 */

body {
    margin-top: 0px;
    font-family: "ff-enzo-web", sans-serif;
    font-weight: 100;
    font-size: 12pt;
    font-display: swap;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    line-height: 1.2em;
}

img {
    border: none;
}

a {
    color: black;
    text-decoration: none;
    font-weight: 400;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

h2 {
    line-height: 1.1em;
    font-size: 1.1em;
}

blockquote {
    font-style: italic;
    white-space: pre;
    margin-top: 0.5em;
    margin-bottom: 0.5em;    
}

blockquote p {
    margin-top: -1em;
    margin-bottom: -1em;
}

.hidden {
    display: none !important;
}

/*
 * Columns
 */

.c1 {
    width: 100%;
}

.c2 {
    width: 50%;
}

.c3 {
    width: 33%;
}

.c4 {
    width: 25%;
}

.c45 {
    width: 45%;
}

.c50 {
    width: 50%;
}

.c60 {
    width: 60%;
}

.c70 {
    width: 70%;
}

.c90 {
    width: 90%;
}

.nohyphen {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.alert .message {
    margin-bottom: 0;
}

.alert-covid {
    border: 1px solid red !important;
    box-shadow: 0 0 5px red !important; 
}

.messages {
    color: red;
    font-size: 1.2em;
}

.messages .event-waiting span {
    font-family: bold;
}

.messages .event-waiting.blendout, .messages .event-link.blendout {
    opacity: 0;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

.messages .event-waiting, .messages .event-link {
    opacity: 1;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

.message {
    font-size: 1.3em;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(200,200,200,0.1);
    padding: 6px;
    border-radius: 5px;
    text-align: center;
    behavior: url(/css/PIE.php);
    position: relative;
    margin-bottom: 1em;
}

.message img {
    width: 250px !important;
    display: inline-block !important;
    margin-bottom: 17px !important;    
}

.message .image {
    display: inline-block;
}
.message .text {
    display: inline-block;
    margin-left: 0.5em;
}

.message .text .spacer {
    height: 100%;
    display: inline-block;
}

.message p {
    margin-bottom: 10px;
    margin-top: 10px;
}

.message p:empty {
    display: none;
}
.nonbreaking {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.desktop {
    display: inline;
}

.mobile {
    display: none;
}

.wf-active a {
    font-weight: 600;
}


.active > a {
    color: rgb(222, 184, 3) !important;
}

.item {
    font-size: 1.4em
}

.item a {
    color: white;
}

h1 {
    font-size: 1.6em;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

a:hover {
    text-decoration: underline;
}

.home {
    width: 7em;
    text-align: left !important;
    float: left;
}

.home img {
    width: 90%;
    margin-top: -7px;
}

.s-fixed {
    position: fixed;
    z-index: 300;
}

#main-navigator {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 3em;
    z-index: 300;
}

.menue {
}

.mobile-menu {
    display: none;
}

.nav-constrainer {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
    background-color: rgb(10,10,10);
}

.bar {
    z-index: 300;
    padding-left: 1.75em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    margin-top: 0px; 
    margin-left: auto;
    margin-right: auto;
    width: 73%;
    max-width: 1200px;
    height: 2.5em;
    behavior: url(/css/PIE.php);
}

.banner {
    z-index: 300;
    position: absolute;
    top: 7px;
    right: 1em;
    width: 25%;
}

.banner img {
    max-width: 100%;
}

.constrainer {
    width: 73%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.pl-butterfly {
    position: absolute;
    top: 0em;
    left: 9em;
}

.link-button {
    border-color: rgb(100,100,100) !important;
    border: solid 2px;
    border-radius: 5px;
    padding: 5px;
    display:inline-block;
    min-width: 4.5em;
    font-size: 1.2em;
    line-height:1.2em !important;
    text-align: center;
}

.link-button:hover {
    background: rgb(240, 240, 240);
    border-color: black !important;
    text-decoration: none;
}

.content {
    float: left;
    margin-top: 0.5em;
    /*text-align: justify;*/
}

.index_page .content {
    width: 100%;
}

.index_page .content p {
    font-size: 1.2em;
    line-height: 1.25em;
}

.narrow {
    width: 70%; 
}

.gallery_page .content {
    width: 90%;
    font-size: 1.2em;
    line-height: 1.25em;
}

.press_page .content {
    width: 70%;
}

.wide {
    width: 100%; 
}

.content-body {
    padding-right: 3em;
    font-size: 1.2em;
}

.floated {
    float: left;
}

.column {
    width: 47%;
    padding-right: 0.8em;
    float: left;
}

.name {
    font-size: 0.6em;
    font-style: italic;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}


.artist .buttons {
    position: absolute;
    bottom: 1em;
}

.index_page .category_image {
    min-height: 16em;

}

.artists_root_page .category_image {
    min-height: 13em;
}

.category_image {
    width: 100%;
}

.category_image img {
    width: 100%;
    border-radius: 5px;    
}

.product-category-description {
    font-size: 1.2em;
}

.contact_page .content,
.news_page .content {
    width: 65%;
}

.artists_page .content,
.artists_root_page .content,
.exhibitions_page .content,
.exhibitions_root_page .content,
.news_root_page .content {
    width: 100%;
}

.contact_page .content,
.artists_root_page .content, 
.artists_page .content, 
.exhibitions_root_page .content, 
.exhibitions_page .content, 
.news_page .content {
    font-size: 1.1em;
    line-height: 1.25em;
}

/*
 * Works stuff
 */


.works-item.major-work {
    margin-bottom: 1em;
    width: 70%;
}

.works-item.minor-work {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    display:inline-table;
    vertical-align: top;
    width: 45%
}

.works-item.minor-work header .works-picture {
    min-height: 26em;
}

.works-item.minor-work header h2 {
    text-align: center;
}

.works-item.minor-work .works-description {
    font-size: 1.2em;
    text-align: justify;
}

.works-item.minor-work .works-link {
    font-size: 0.8em;
    position: relative;
    height: 2em;
}

.works-item.minor-work .works-link .link-button {
    position: absolute;
    right: 0px;
}

.works-item .works-description {
    /*font-size: 1.3em;*/
}

.works-item header img {
    width: 100%;
    border-radius: 5px;
}

/*
 * News stuff
 */


.news-item.major-news {
    margin-bottom: 1em;
    width: 70%;
}

.news-item.minor-news {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    display:inline-table;
    vertical-align: top;
    width: 45%
}

.exhibitions_root_page .news-item.minor-news header {
    min-height:  20em;
}

.news-item.minor-news header h2 {
    text-align: center;
}

.news-item.minor-news .news-description {
    font-size: 1.2em;
    text-align: justify;
}

.news-item.minor-news .news-link {
    font-size: 0.8em;
    position: relative;
    height: 2em;
}

.news-item.minor-news .news-link .link-button {
    position: absolute;
    right: 0px;
}

.news-item .news-description {
    /*font-size: 1.3em;*/
}

.news-item header img {
    width: 100%;
    border-radius: 5px;
}

.sales_page .content img {
    border: 0px solid;
    border-radius: 0.6em;
    margin-top: 1em;
    display: box;
    box-shadow: 5px 5px 8px #333333;
    margin-bottom: 1em;
    behavior: url(/css/PIE.php);
}

.tiny-graphic {
    width: 100%;
    margin-top: 0.5em;
    border-radius: 3px;
}

.big-box {
    width: 40em;
}

.artist.curl-box {
    width: 300px;
    display: inline-block;
    margin: 1em;
}

.curl-box {
    border-spacing: 0px;
    background-color: rgba(102,102,102,0.2);
    /*border: 1px solid rgb(90,90,90);*/
    border-radius: 3px;
    padding: 1em;
    /*box-shadow: 0 0 5px rgba(100, 100, 100, 1); */
    -moz-box-shadow: 0 0 5px rgba(100, 100, 100, 1);
    behavior: url(/css/PIE.php);
}

.header {
    background-color: rgb(125,125,125); 
    border-width: 0px;
    padding: 0.4em;
    font-weight: 600;
}

.hleft {
    border-top-left-radius: 0.2em;    
    border-bottom-left-radius: 0.2em;    
    behavior: url(/css/PIE.php);
}

.hright {
    border-top-right-radius: 0.2em;    
    border-bottom-right-radius: 0.2em;    
    behavior: url(/css/PIE.php);
}

.row {
    vertical-align: top;
    padding: 0.4em;
}

.table-buy tr:first-child td {
    padding-top: 0.4em;
}

.table-buy td, table.exhibitions td {
    border-spacing-top: 0.4em; 
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(90,90,90);
    border-spacing-bottom: 0.4em; 
    padding-top: 1em;
}

.table-buy tr:last-child td {
    border-spacing-top: 0.4em; 
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

.large {
    font-size: 4em;
}

.medium {
    font-size: 2.5em;
}

.medium-small {
    font-size: 0.8em;
}

.small {
    font-size: 0.5em;
}

.large-spacer {
    height: 4em;
    height: 0\9;
}

.medium-spacer {
    height: 2em
}

.small-spacer {
    height: 0.5em
}

.mug-div {
    clear: both;
}

.mug-shot {
    width: 7.9em;
    height: 10em;
    border-radius: 0.4em;
    margin-right: 1em;
    border: 1px solid rgb(90,90,90);
    box-shadow: 0 0 5px rgba(85, 85, 85, 1); 
    -moz-box-shadow: 0 0 5px rgba(85, 85, 85, 1);
}


.clearer {
    clear: both;
}

.item {
    position: relative;
    display: inline-block;
    text-align: center;
    padding-right: 1em;
    padding-top: 0.5em;
    /*height: 0.5em;*/
    z-index: 300;
}

.subnav-item {
    display: block;
    text-align: left !important;
    height: 1.5em;
    line-height: 1.4em !important;
    padding: 0 0 0 0; 
}

.subnav {
    display: none; /* will be shown on hover */

    background-color: rgb(10,10,10);
    position: absolute;
    left: -5px;
    top: 0px;
    border-radius: 0px 0px 5px 5px;
    width: 12em !important;
    padding-top: 30px;
    text-align: left !important;
    padding-left: 17px;
    padding-bottom: 10px;
    line-height: 1.4em !important;
    font-size: 0.92em;
    z-index: -1;
    height: 0px;
    overflow: hidden;
    behavior: url(/css/PIE.php);
}


.item:hover .subnav {
    display: inline-block;
    height: auto;
}


.active {
    color: rgb(222, 184, 3);
    font-weight: 600;
}

.passive {

}

.left-column {
    display: inline-block;
    position: absolute;
    left: 0px;
    width: 23%;
}

.left-column .logo {
    
}

.right-column {
    display: inline-block;
    position: absolute;
    right: 0px;
    width: 23%;
    /*height: 100%;*/
    background-color: #606060;
    border: solid #656565 1px;
    padding: 1.5%;
    margin-top: -1em;
}

.right-column .founders {
    width: 100%;
    margin-top: 1em;
}

.right-column .kultur-netzwerk {
    width:100%;
}

.right-column .kultur-netzwerk img {
    width:50%;
}

.contact_page .right-column {
    width: 35% !important;
    padding: 0px !important;
    margin-top: 1em; !important;
    background-color: inherit !important;
    border: 0px;
}

#tumblr-header h2, #related-news-header h2 {
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}

#tumblr-header, #tumblr-footer, #related-news-header, #related-news-footer {
    font-size: 0.7em;
    padding: 0.5em;
    background-color: #777;
    text-align: center;
    border-radius: 5px;
}

#tumblr-footer, #related-news-footer {
    font-style: italic;
    margin-top: 1em;
}

#tumblr-ticker, #related-news-ticker {
    margin-top: 1em;
    font-weight: 100;
    width: 100%;
    border: 0px;
    border-color: #777;
    border-style: solid;
    border-radius: 5px;
    padding: 0px;
    behavior: url(/css/PIE.php);
}

#tumblr-feed, #related-news-feed {
    width: 100%;
    border-color: #777;
    /*margin-top: -1em;*/
    position: relative;
    /*left: 0.6em;*/
}

.tumblr-pic, .related-news-item img {
    border: 0px solid;
    border-radius: 3px;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    /*box-shadow: 3px 3px 8px #333333;*/
    behavior: url(/css/PIE.php);
}

.tumblr-caption {
    width: 100%;
    padding-left: 0.1em;
    font-size: 0.75em;
}

.tumblr-caption p {
    margin: 0px;
}


.tumblr-date {
    display: inline-block;
    width: 92%;
    font-size: 0.5em;
    font-style: italic;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: center;    
}

.float-right {
    float: right;
}

/*
 * Embedded stuff
 */
.embedded-picture {
    width: 50%;
    display: inline-block;
}

.embedded-picture .caption {
    display:block;
    text-align: center;
    width:80%;
    margin:auto;
    font-size: 0.9em;
    font-style: italic;
}

.embedded-picture img {
    border-radius: 5px;
}

.embed-logo {
    width: 100%;
}

.embed-logo img {
    width: 10em !important;
    margin-left: auto;
    margin-right: auto;
    display:block;
    border-radius: 0px !important;
}

.embed-left {
    width: 48%;
    float: left;
    margin-right: 1em;
}

.embed-left-logo {
    width: 25%; 
    float: left;
    margin-right: 2em;
}

.embed-right {
    width: 48%;
    float: right;
    margin-left: 1em;
}

.embed-right-logo {
    width: 25%;
    float: right;
    margin-left: 2em;
}

.embed-full {
    width: 100%;
    clear: both;
}

.embedded-picture img {
    width: 100%;
}

/*
 * tables.html
 */

#table-content {
    /*width: 90%;*/
}

.table-info {
    width: 55em;
    margin-top: 1.5em;
    margin-right: 1.5em;
    background-color: rgb(102,102,102);
    padding: 0.75em;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #333333;
    behavior: url(/css/PIE.php);
}

.table-details {
    width: 20em;
}

.table-tab {
    width: 18em;
}

.table-buy {
    /*width: 37em;*/
}

.buy-col1 {
    width: 6em;
}

.buy-col2 {
    width: 18em;
}

.buy-col2 p {
    margin-top: 0px;
}

.buy-col3 {
    width: 4em;
}

.front-table tr {
    vertical-align: top;    
}

.col1 {
    width: 90%;
}
.col2 {
    width: 100%;
}
.col3 {
    width: 20em;
}

.table-type {
    width: 6em;
    vertical-align: top;
    font-size: 0.9em;
}


.table-graphic, .object-graphic {
    padding-left: 5.6em;
    vertical-align: top;
}

.table-graphic-image {
    width: 77%;
    margin-left: 10%;
    display: inline-block;
}

.object-graphic-image {
    width: 9em;
}

.table-picture {
    margin-top: 1em;
    box-shadow: 1px 1px 3px #333333 inset;
    padding: 0.6em;
    border: 1px;
    background-color: rgb(110,110,110);
    border-radius: 5px;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: hidden;
    behavior: url(/css/PIE.php);
}

.small-hspace {
    display: inline-block;
    width: 0.6em;
    float: left;
}

.table-scroller {
    width: 1000%; /* Enough for nine... */
}

.table-image {
    border: 0px solid;
    border-radius: 0.3em;
    width: 36em;
    display: block;
    float: left;
}

.table-sub-navigator {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 3em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(80,80,80,0.2);
}

.off {
    opacity: 0;
    -webkit-transition: opacity 1.5s;
     -moz-transition: opacity 1.5s;
     -ms-transition: opacity 1.5s;
     -o-transition: opacity 1.5s;
     transition: opacity 1.5s; 
}

.table-sub-navigator-item {
    color: #BBB;
    text-decoration: none;
    font-weight: 100;
    font-size: 3em;
    line-height: 1em;
    display: inline-block;
    width: 0.7em
}

.table-sub-navigator-item:hover {
    text-decoration: none;
}

.table-sub-navigator-item.sub-active {
    color: #333 !important;
}

a.table-sub-navigator-item:hover {
    color: #FFF;
    font-weight: 400;
}

/*
 * news.html
 */

.exhibitions {
    border: 0px;
    margin-left: 1em;
}

.exhib-logo {
    width: 20%;
    vertical-align: top;
}

.exhib-date {    
    /*width: 30%;*/
    vertical-align: top;
    font-size: 0.9em;
}

.exhib-pic {
    width: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.exhib-desc {
    width: 60%;
    vertical-align: top;
    font-size: 0.9em;
}

.exhib-desc p {
    margin-top: 0px;
}
/*
 * contact.html
 */

.fb-line {
    line-height: 1.5em;
}

.tw-line {
    line-height: 1.5em;
}

.contact-type {
    width: 120px;
    vertical-align: top;
}

.contact {
    width: 19em;
    height: 10em;
    margin-right: 1em;
}

.contact-wide {
    width: 23em;
    height: 15em;
    margin-right: 1em;
}

.contact tr {
    vertical-align: top;
}

#credits-header {
    font-weight: 600;
    font-size: 18pt;
    margin-bottom: 0.6em;
}

.credit-person {
    font-weight: 600;
    font-size: 13pt;
    margin-top: 5px;
}

.press_page .content li {
    list-style-image: url(bullet.png)
}

.press_page .content li p {
    margin: 0px;
}

.colours {
    display: inline-block;
}

.colours h3 {
    text-align: center;
}

.colours__list {
    list-style: none;
    padding-left: 0px;
}

.colours__list--item {
    width: 12em;
    margin-bottom: 0.6em;
    display: inline-block;
    margin-right: 1em;
}

.colours__list--item img {
    max-width: 100%;
    border: 0px solid;
    border-radius: 0.3em;
    behavior: url(/css/PIE.php);
}

.colours__list--desc {
    font-size: 0.75em;
    text-align: center;
    margin-top: 0.3em;
}

.icon {
    width: 25px;
    margin-left: -27px;
}

.half-curl {
    background-color: rgba(110,110,110,1);
    border-top: 1px solid rgb(90,90,90);
    border-bottom: 1px solid rgb(90,90,90);
    border-right: 1px solid rgb(90,90,90);
    border-radius: 0.5em;
    padding: 0.6em;
}

.social-footer {
    position: fixed;    
    top: 100px;
    left: -6px;
    -ms-zoom: 1;
}

.social-slide-from-left {
    left: -0.5em;
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -ms-transition: left 2s;
    -o-transition: left 2s;
    transition: left 2s ;
}


.social {
    width: 30px;
    height: 70px;
    -ms-zoom: 1;
}

.social-floater {
    -ms-zoom: 1;
}
.social-logo {
    width: 35px;
}

.ratailer {
    display: table-row;
    overflow: hidden;
    padding: 0px;
}

.retailer.left {
    vertical-align: top;
    display: table-cell;
    padding: 0.3em;
} 

.retailer.mid {
    vertical-align: top;
    display: table-cell;
    padding: 0.3em 0.3em 0.3em 1em;
    width: 15em;
} 

.retailer.mid h3 {
    margin-top: 0px;
}

.retailer.right {
    vertical-align: top;
    display: table-cell;
    padding: 0.3em 0.3em 0.3em 1em;
} 

.retailer-img {
    width: 18em;
}

.retailer.right img {
    width: 18em;
}

.quote {
    text-align: left;
    font-size: 0.8em;
    font-style: italic;
    font-weight: lighter;
}

.quote a {
    font-weight: normal;
}

.index-head {
    font-size: 1.5em;
    font-style: italic;
}

.coming-soon {
    display: inline-block;
    width: 18em;
    background: #9C8202;
    border-radius: 5px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: white;
    behavior: url(/css/PIE.php);
}

.product-list {
    padding-left: 0px;
    overflow: hidden;
}

.product-list li {
    list-style: none;
    padding: 15px;
    width: 193px;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    height: 210px;
    float: left;
}

.product-list .material {
    margin-top: 0px;
}

.product-list h3 {
    margin-bottom: 0px;
}

.product-list .short-description {
    margin-bottom: 1em;
    margin-top: 0px;
}

.product-thumb {
    display: inline-block;
    width: auto;
}

.product-thumb img {
    width: 193px;
    border-radius: 5px;
    behavior: url(/css/PIE.php);
}

.product .information {
    float: left;
    margin-right: 10px;
    width: 29%;
    width: 10%\9;
}

.product .information table tr {
    vertical-align: top;
}

.product .information table {
    font-size: 0.95em;
}

.product .description {
    width: 40%;
    width: 15%\9;
    float: left;
    /*margin-right: 1em;*/
}

.category-pricelist {
    display: inline-block;
    margin-right: 1em;
}

.product hr {
    clear: both;
    width: 100%;
    height: 1px;
    border: 0px;
    background-color: rgb(90,90,90);
}

.product .graphic {
    margin-top: 10px;
    float: left;
    width: 29%;
    width: 10%\9;
}

.product .images {
    clear: both;
    position: relative;
}

.table-desc {
    font-size: 1.2em;
    padding-right: 1em;
    /*text-align: justify;*/
}

.product .top-row {
    display: inline-block;
}

.currency {
    display: inline;
}

.currency.GBP::before {
    content: "£";
}

.sales_page .content p {
    font-size: 1.1em;
}

.front-image-wrapper {
    position: relative;
}

.red-button {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    /*border: solid rgb(200, 50, 50) 8px;*/
    background-color: rgb(200,50,50);
    padding: 10px;
}

.red-button p {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.4em !important;
}

.float-over {
    position: absolute;
    width: 111px;
    right: 122px;
    top: 50px;
    border-radius: 269px;
    border: solid rgb(200, 50, 50) 8px;
    background-color: rgb(200,50,50);
    padding: 20px;
}

.float-over p {
    font-size: 1.2em !important;
    font-weight: 600 !important;
    padding-right: 0px !important;
    margin: 0px;
    color: lightgrey;
    text-align: center;
}

.testimonial {
    font-size: 1.1em;
    line-height: 1.2em;
    width: 44%;
    margin-bottom: 1.2em;
    margin-right: 5%;
    display: inline-block;
}

.testimonial h3 {
    margin-top: 0px;
    line-height: 1.25em;
}

.testimonial .name {
    margin-top: -0.8em;
    font-size: 0.9em
}

.testimonial em {
    font-size: 0.8em;
}

.popups {
}

.cookie-info {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    display: inline-block;
    z-index: 900;
    padding: 0.5em;
    border-top: 1px solid rgb(50, 50, 50);
    font-size: 0.9em;
    background-color: rgb(225, 225, 225);
}

.language-info {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 9em;
    width: 100%;
    display: inline-block;
    z-index: 1000;
    padding: 0.5em;
    border-top: 1px solid rgb(50, 50, 50);
    font-size: 0.9em;
    background-color: rgb(225, 225, 225);
}

.cookie-info.hidden, .language-info.hidden {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}


.cookie-info.very-hidden, .language-info.very-hidden {
    display: none;
}

.cookie-info .info-text p, .language-info .info-text p  {
    float: left;
    margin: 0px 13% 0px 0px;
    width: 57%;
    font-size: 1.2em
}

.language-info .info-text p  {
    width: 50%;
}

.cookie-info .cookie-link a, .language-info  a  {
    margin-bottom: 0.7em;
    display: inline-block;
}

.lang-buttons {
    position: relative;
    width: 24em;
    display: inline-block;
}

.lang-buttons .language-yes {
    float: left;
    margin-left: 1em;
}

.lang-buttons .language-no {
    float: right;
    margin-right: 1em;
}

.cookie-info .cookie-accept-button a, .language-info  a  {
    border-radius: 4px;
    border: 1px solid grey;
    padding: 4px;
    background: rgb(200, 200, 200);
    display: inline-block;
    width: 10em;
    height: 1.4em;
    line-height: 1.4em;
    text-align: center;
}

.content-head {
    position: relative;
}

.slideshow {
    position: relative;
    overflow: hidden;
    background-color: rgb(115,27,22);
}

.slide {
    top: 0px;
    left: 0px;
    position: absolute;
    /*background-color: rgb(115,27,22);*/
    background-color: white;
    display: inline-block;
    width: 100%;
    height: 800px;
    overflow: hidden;
}

.top-slide {
    z-index: 1;
}

.bottom-slide {
    z-index: 10;
    visibility: hidden;
}

#slideshow {
    position: relative;
    display: inline-block;
    width: 55%;
}

.slide img {
    z-index: 8;
    width: 100%;
    border-radius: 5px;
    opacity: 1.0;
    margin-top: auto;
    margin-bottom: auto;
}

.slide.slide-fade  {
    opacity: 0;
    -webkit-transition: opacity 2.5s;
    -moz-transition: opacity 2.5s;
    -ms-transition: opacity 2.5s;
    -o-transition: opacity 2.5s;
    transition: opacity 2.5s;
}

.dummy-spacer {
    /*padding-top: 35%;*/
}

.index_page #slideshow {
    width: 100%;
}

.index_page .dummy-spacer {
    display: block;
    height: 800px;
}

.colours-and-finishes_page p {
    font-size: 1.2em;    
}

.colours-and-finishes_page .side-top {
    position:absolute;
    right: 0;
    bottom: 0;
    top: 1em;
    width: 43%;
    font-size: 1.2em;
}

.colours-and-finishes_page .side-top::first-letter {
    font-size: 1.5em;
    margin-left: -0.15em;
}

.colours-and-finishes_page .side-top::first-word {
    color: rgb(222, 184, 3);
}

.product-description {
    position:absolute;
    right: 0;
    bottom: 0;
    top: 1em;
    width: 43%;
}

.product-description p {
    margin-top: 0px;
    font-size: 1.2em;
    line-height: 1.25em;
}

.product-description p.first::first-letter {
    font-size: 1.5em;
    margin-left: -0.15em;
}

.product-description p.first::first-word {
    color: rgb(222, 184, 3);
}

body[lang=en].mirrors_page .product-description p.first::first-letter {
    margin-right: -3px;
}

.teaser-bar {
    width: 100%;
    display: inline-block;
}

.teaser-bar .columns {
    width: 100%;
    display: inline-block;
}

.teaser-bar .buttons {
    width: 100%;
    display: inline-block;
}

.teaser-bar .buttons .link-button {
    float: right;
}

.teaser-column {
    float: left;
}

.teaser-bar.two .columns .teaser-column {
    width: 46% !important;
}

.teaser-bar.two .columns .left.teaser-column {
    margin-right: 5%;
}

.teaser-bar.three .columns .teaser-column {
    width: 30% !important;
}

.teaser-bar.three .columns .left.teaser-column {
}

.teaser-bar.three .columns .centre.teaser-column {
    margin-left: 4%;
    margin-right: 4%;
}

.teaser-bar.three .columns .right.teaser-column {
}

.artist-teaser {
    
}

@media only screen and (max-width: 1250px) {
    .banner {
        width: 20%;
    }
}

@media only screen and (max-width: 1150px) {
    .banner {
        display: none;
    }
}

@media only screen and (max-width: 1150px) {
    body {
        height: 100%;
        padding-bottom: 100px;
        margin: 0px;
    }

    .cookie-info .info-text p {
        width: 44%;
    }
    
    .cookie-info .cookie-link a {
        display: inline-block;
        width: 40%;
    }

    .mbr {
        display: inline;
    }

    .banner {
        visibility: hidden;
    }

    .nav-constrainer {
        width: 100%;
        max-width: 1200px;
    }

    .bar {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .constrainer {
        width: 95%;
    }

    .page-wrapper {
        height: 100%;
        /*display: inline-block;*/
    }

    .constrainer {
        overflow: hidden;
        
    }

    .right-column {
        width: 100% ! important;
        position: relative;
        right: auto;
        padding: 0px !important;
        margin-top: 0px !important;
    }

    .index_page .content img, .sales_page .content img {
        width: 100%;
        box-shadow: none;
        border-radius: 0px;
    }

    .news_page .content, .contact_page .content, .gallery_page .content {
        width: 100%;
    }

    .content-body {
        width: 100%;
    }

    .index_page .content {
        width: 100%;
    }

    .index_page .content p {
        padding-right: 0px;
    }

    #tumblr-ticker {
        width: 100%;
        border-style: none;
        margin-top: 0px !important;
    }

    #tumblr-feed {
        width: 100%;
        margin-top: 0px !important;
        margin-bottom: 0px;
    }

    .tumblr-pic {
        width: 99.4%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }

    .tumblr-caption {
        width: 100%;
        font-size: 1.2em;
    }

    #tumblr-header {
        font-size: 1em;
        height: 3em;
        line-height: 2em;
    }

    #tumblr-footer {
        font-size: 1.5em;
    }

    .tumblr-date {
        width: 92%;
        font-size: 0.8em;
    }

    .social-footer {
        position: fixed;
        margin-top: 1.5em;
        top: auto;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .social {
        width: 110%;
        margin-left: -5%;
        height: 35px;
    }

    .social-floater {
        margin-left: auto;
        margin-right: auto;
        width: 6em;
    }

    .social-floater a:first-child {
        float: left;
    }
    .social-floater a:last-child {
        float: right;
    }

    .social-logo  {
        width: 40px;
    }

    .half-curl {
        border: 0px;
    }

    .product-list li {
        width: 100%;
        height: auto;
        margin-right: 0px;
    }

    .product-thumb img {
        width: 95%;
    }

}

@media only screen and (max-width: 1150px) {
    .content-head {

    }

    #slideshow {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .link-button {
        height: 1.2em;
    }

    .content-head {
        display: inline-block;
    }

    .product-description {
        position: relative;
        width: 100%;
        margin-bottom: 1em;
    }

    .product-description p.first::first-letter, .colours-and-finishes_page .side-top::first-letter {
        margin-left: 0px;
    }

    .colours-and-finishes_page .side-top {
        position: relative;
        width: 100%;
        padding-bottom: 1em;
    }

}


@media only screen and (max-width: 700px) {

    .news-item.minor-news, .works-item.minor-work {
        width: 91%
    }

    .news-item.major-news, .works-item.major-work {
        width: 100%
    }

    .works-item.minor-work header .works-picture {
        min-height: 0;
    }


    .mbr {
        display: block;
    }

    .cookie-info .info-text p, .language-info .info-text p {
        font-size: 1em;
        width: 50%;
        margin-right: 5%;
        -webkit-transition: width 0.5s, margin-right 0.5s, font-size 0.5s;
        -moz-transition: width 0.5s, margin-right 0.5s, font-size 0.5s;
        -ms-transition: width 0.5s, margin-right 0.5s, font-size 0.5s;
        -o-transition: width 0.5s, margin-right 0.5s, font-size 0.5s;
        transition: width 0.5s, margin-right 0.5s, font-size 0.5s;
    }
    
    .cookie-info .cookie-accept-button a {
        width: 8em;
        -webkit-transition: width 0.5s;
        -moz-transition: width 0.5s;
        -ms-transition: width 0.5s;
        -o-transition: width 0.5s;
        transition: width 0.5s;
    }

    .lang-buttons {
        width: 45%;
    }

    .language-info {
        height: 10em;
    }

    .language-info a {
        width: 85%;
        -webkit-transition: width 0.5s;
        -moz-transition: width 0.5s;
        -ms-transition: width 0.5s;
        -o-transition: width 0.5s;
        transition: width 0.5s;
    }

    .lang-buttons .language-yes {
        float: none;
        margin-left: 0px;
    }

    .lang-buttons .language-no {
        float: none;
        margin-right: 0px;
    }
    .red-button {
        width: 95%;
    }
    .desktop {
        display: none;
    }

    .mobile {
        display: inline;
    }

    .product-up h1 {
        min-height: 2.3em;
    }

    .content {
        float: none;
        margin: 0px;
        margin-top: 2em;
    }

    .bar .item {
        height: auto;
        width: 5em;
        text-align: left;
        line-height: 1.5em;
        font-size: 1.4em;
    }

    .nav-constrainer {
        height: 200%;
        width: 11em;
        left: -12em;
        position: absolute;
    }

    #main-navigator {
        height: 100%;
        width: 10em;
        position: absolute;
        left: -12em;
    }

    .bar {
        z-index: 2;
        height: 100%;
        width: 80%;
    }

    .constrainer {
        z-index: 1;
    }

    .social-footer {
        z-index: 1;
    }

    .bar {
        padding-top: 25px
    }

    .large-spacer {
        display: none;
    }

    .mobile-menu {
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 2em;
        cursor: pointer;
        background-color: rgb(10,10,10);
        padding: 5px 6px 9px 11px;
        text-align: center;
        font-size: 1.8em;
        font-weight: 400;
        border-radius: 8px;
        left: -10px;
        top: 10px;
        line-height: 2em;
        z-index: 3;
        color: white;
    }

    .product-thumb {
        width: 100%;
    }
    
    .product-thumb img {
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .product-list li {
        padding: 0px;
    }
    
    .product .description, .product .information {
        width: auto;
        float: none;
    }

    .product .graphic {
        display: none;
    }

    .product-list .details {
        padding-left: 15px;
    }

    .wf-active .mobile-menu {
        font-weight: 600;
    }

    .menu-open .constrainer {
        opacity: 0;
        -webkit-transition: opacity 2s;
        -moz-transition: opacity 2s;
        -ms-transition: opacity 2s;
        -o-transition: opacity 2s;
        transition: opacity 2s;
    }

    .menu-open .mobile-menu {
        left: 5.7em;
        z-index: 3;
    }

    .menu-open .nav-constrainer, .menu-open #main-navigator {
        left: 0px;
    }

    .page-header {
        width: 90%;
        text-align: center;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;
    }

    .artist.curl-box {
        width: 80%;
    }
    
    .artists_page .content, .artists_root_page .content, .exhibitions_root_page .content, .news_page .content, .exhibitions_page .content, .contact_page .content, .gallery_page .content {
        width: 100%;
    }

    .events_root_page .content h1, .works_root_page .content h1, .index_page .content h1, .artists_page .content h1, .artists_root_page .content h1, .news_root_page h1, .exhibitions_page .content h1 , .exhibitions_root_page .content h1 {
        margin-left: 1.3em;
        margin-bottom: 1.3em;
    }

    .events_page .content h1, .gallery_page .content h1
    {
        margin-left: 1.3em;
        margin-bottom: 1.3em;
        margin-top: -0.8em;
        line-height: 1.2em;
    }

    .contact_page .content h1 {
        margin-left: 1.3em;
        margin-bottom: 1.3em;
    }

    .contact_page .mug-shot {
        display: none;
    }

    .contact_page .contact {
        height: 7.468354em;
        width: 100%;
    }

    .contact-wide {
        margin-bottom: 1em;
    }

    .medium-spacer {
        height: auto;
    }

    .colours-and-finishes_page .side-top {
        position: relative;
        width: 100%;
        padding-bottom: 1em;
    }

    .message img {
        width: 85px !important;
        margin-top: 25% !important;
        margin-bottom: 0 !important;
    }

    .message .text {
        font-size: 0.9em;
    }

    .message .text .spacer {
        height: 100%;
        display: inline-block;
    }

    .index-head {
        margin-top: 0.4em;
    }

    .message {
        width: 100%;
        height: 4.3em;
        padding: 0px !important;
    }

    .message .image {
        float: left;
        margin-top: 0.3em !important;
        margin-left:0.5em !important;
    }

    .message .text {
        margin-top: 0.3em;
        width: 11em;
        float: left;
        margin-left: 0px;
    }

    .quote {
        margin-left: 2.5em;
    }

    .menu-open .open {
        display: none;
    }

    .close {
        display: none;
        opacity: 0;
    }

    .menu-open .close {
        display: inline;
        opacity: 1;
        -webkit-transition: opacity 2s;
        -moz-transition: opacity 2s;
        -ms-transition: opacity 2s;
        -o-transition: opacity 2s;
        transition: opacity 2s;
    }

    .item:hover .subnav {
        display: none;
    }

    .mobile-menu  {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .menu-open .mobile-menu  {
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        -ms-transition: left 0.3s;
        -o-transition: left 0.3s;
        transition: left 0.3s;
    }

    .menu-open {
        overflow: hidden;
    }

    .retailer-img, .retailer.right img {
        width: 100%;
    }

    .ratailer {
        display: inline-block;
    }

    .retailer.left, .retailer.mid, .retailer.right {
        display: inline-block;
        padding: 0px;
        margin-top: 6px;
        margin-bottom: 6px; 
    } 

    .column {
        float: none;
    }

    .slide {
        height: 315px !important;
    }

    .dummy-spacer {
        display: block;
        height: 315px !important;
    }

    .teaser-bar.two .columns .teaser-column {
        width: 100% !important;
    }

    .teaser-bar.two .columns .left.teaser-column {
        margin-right: 0px !important;
    }

    .teaser-bar.three .columns .teaser-column {
        width: 100% !important;
    }

    .teaser-bar.three .columns .left.teaser-column {
    }

    .teaser-bar.three .columns .centre.teaser-column {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .teaser-bar.three .columns .right.teaser-column {
    }

    hr {
        margin: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-after: 0px;
    }
}